求教下思源笔记是否有简洁的跨平台视频笔记方案

本贴最后更新于 453 天前,其中的信息可能已经时过境迁

类似于 OB 的 media extend 功能,主要功能诉求是:

  1. 跨平台,可以支持 windows 和 linux
  2. 视频源支持 B 站即可,如能更多更好
  3. 视频框和笔记框能并排显示,支持时间戳、截图,便于边看边记
  • 思源笔记

    思源笔记是一款隐私优先的个人知识管理系统,支持完全离线使用,同时也支持端到端加密同步。

    融合块、大纲和双向链接,重构你的思维。

    25764 引用 • 106649 回帖
  • Q&A

    提问之前请先看《提问的智慧》,好的问题比好的答案更有价值。

    9878 引用 • 44910 回帖 • 78 关注

相关帖子

欢迎来到这里!

我们正在构建一个小众社区,大家在这里相互信任,以平等 • 自由 • 奔放的价值观进行分享交流。最终,希望大家能够找到与自己志同道合的伙伴,共同成长。

注册 关于
请输入回帖内容 ...
  • archblue

    quick 不支持 linux,同样的还有子鱼笔记,虽然收费,但如果它有 linux 版,我就买了。

    1 回复
  • NieJianYing

    噢我以为是笔记跨平台,你是手机上运行的 Linux?我移动端上始终找不到方案

    1 回复
  • archblue

    不是,我的办公电脑是 win10,家用电脑用的 archlinux,所以需要一个跨平台方案。
    移动端主要是看,没什么输入需求。速记改用 ticktick 了

  • mark-j

    视频笔记好像确实很薄弱,如果能和 ipad 的某些软件一样接入网盘,那视频笔记就好说了

  • archblue 1

    最近研究了下,还是用脚本间接实现,不限 OS、不限浏览器

    1. 哔记-B Note (B 站笔记插件),https://greasyfork.org/zh-CN/scripts/475808-%E5%93%94%E8%AE%B0-b-note-b%E7%AB%99%E7%AC%94%E8%AE%B0%E6%8F%92%E4%BB%B6
    2. 相较于其他 B 站脚本有以下优点:内嵌模式可以全屏并排播放可以更专注;快捷键 ALT+V 截图、ALT+X 打时间戳排常方便;
    3. 将导出的压缩包解压,思源导入 md 文件即可

    缺点也有:

    1. 只支持 B 站,不具备通用性
    2. 不能多电脑同步,只能通过导出导入方式续写
    3. ALT+V 和 firefox 冲突,这个可以自定义到其他键上
  • Wetoria 1 1 赞同 via macOS

    你这个需求说得比较模糊,按你后面的回帖来看,你想要支持多个视频播放平台的链接跳转功能,比如 B 站。

    那么在开发功能的时候,就需要考虑不同场景下的适配。

    简单划分有浏览器网页播放、思源内部播放本地视频、思源内部播放在线视频、本地视频平台的 app 里播放。

    这些不同的场景,开发所需要花费的功夫也不一样。


    在思源笔记内部播放插入的视频,我写了 videos 插件。支持文档内悬浮、快速创建时间戳链接、快速创建时间戳链接(MD 格式)

    下面两张图就是钉住以后的效果,可以看到 1 被盖住了。

    image.png

    image.png

    如果是 B 站这样的视频平台的视频,在视频上右键复制当前时间链接,然后利用 quicker 脚本等工具也可以快速插入记录。比如我自己写了个 alfred 的 workflow,用来记录的时候,带上剪贴板里的视频链接。

    image.png

    2 回复
  • archblue
    1. 本地视频存储空间需求太高了,我主要是看各类公开课视频,B 站上有很多,也相对稳定。从其他视频笔记软件看,B 站和 youtube 也是主要需求网站
    2. 具体功能需求可参照 ob 的 media extend,基本就是并排播放、打时间戳、截图三样,像时间戳之类,b 站 url 都内置支持,从需求角度看很是明确的
    3. quicker 类工具问题回贴里提过,不能跨平台
    4. 其实像 B 记之类脚本,就缺一个和思源的同步联动沟通,否则就是很完美的解决方案了
  • laterspace

    好像看到了弹幕感觉

    1 回复
  • archblue

    弹幕可以关的

  • NieJianYing 1 评论

    请问是什么插件?

    1 回复
    我觉得是思源增强插件
    JeffreyChen
  • coriger 1 评论

    写一个浏览器插件就可以了,借用 edge 自带的分屏功能,左边视频右边思源,做笔记的时候直接取当前 tab 页面的 video 对象 currentTime 然后调用思源的接口写入 block,点击时间戳绑定一个点击事件让当前 tab 里的 video 对象自动跳转到指定时间,而且这个支持多视频跳转,点击时间戳判断时间戳的原始链接和左侧的 tab 链接是不是同一个视频页,如果是直接跳转时间戳,如果不是先跳转新视频页再跳时间戳,这种方案只要页面能获取 video 对象的都能支持,包括 youtube 和百度云那些

    image.png

    1 回复
    上面这种方式,本地视频也支持,先把视频上传到思源里,然后得到一个链接地址,比如:http://127.0.0.1:6806/assets/01-20170326-20240809004655-u924dbe.mp4,和上面一样在浏览器左侧窗口打开也能实现一样的效果
    coriger
  • NieJianYing

    【分享】本地视频时间戳,基于 http+ 油猴,无需 quicker - 链滴和你说的一样,就是遇到了用 everything 点视频只能下载不能播放的问题

    1 回复
  • coriger 1

    他这个相当于是给本地的视频搭了个 web 服务然后可以通过浏览器打开,脚本是拦截 url 的 t 传参然后实现自动跳转,不过如果只是本地视频这么搞有点麻烦,直接把视频扔到思源里,写个插件读取当前页的 video 也能控制实现跳转,如果是因为视频多或者视频大,那还不如把视频放到网盘里,用我说的这种方法统一管理在线和离线视频,反正我上面说的这个策略我试了下基本上只要浏览器能播放的他就能正常的做笔记,只不过有些网站 video 对象的结构不一样,有些可能包在 iframe 里又或者是有多个 video,所以这里需要根据不同网站做一些适配,其他没什么问题,至于你说的在 everything 里点视频不能播放不知道什么意思,正常不应该在思源里面点时间戳跳转吗?像这种地址 http://127.0.0.1:6806/assets/01-20170326-20240809004655-u924dbe.mp4,浏览器访问是没问题的,可以正常播放,除非是你的视频格式比较另类浏览器不能播放才转下载

    1 回复
  • NieJianYing

    请问应该怎么实践你的这套方案?

    思源数据库 API/ 视频 RSS 源定制 / 视频笔记 - 链滴应该怎么获取这个扩展

    1 回复
  • coriger 2

    之前是写了个简单的 demo 用分屏实现,现在打算优化下直接在思源里面跳转播放,不过还是要在思源的 web 端才能正常使用,因为我这个是用浏览器插件实现的,到时候直接在 B 站提供【选集/合集】一键入库的按钮,按照下面这个模版自动生成文档,我个人感觉是基本够用了,目前插件还有些小功能在优化,里面还有很多之前爬虫的逻辑,等后面整理的差不多再发出来

    image.png

    1 回复
  • NieJianYing

    我要抢首发!!

    1 回复
  • coriger 2

    chrome 和 edge 安装都行,推荐 chrome,按帮助文档步骤一步步来,现在实现了个大概,后面等用一段时间再优化

    coriger/siyuan-video-extension (github.com)

请输入回帖内容 ...

推荐标签 标签

  • WebSocket

    WebSocket 是 HTML5 中定义的一种新协议,它实现了浏览器与服务器之间的全双工通信(full-duplex)。

    48 引用 • 206 回帖 • 283 关注
  • WordPress

    WordPress 是一个使用 PHP 语言开发的博客平台,用户可以在支持 PHP 和 MySQL 数据库的服务器上架设自己的博客。也可以把 WordPress 当作一个内容管理系统(CMS)来使用。WordPress 是一个免费的开源项目,在 GNU 通用公共许可证(GPLv2)下授权发布。

    45 引用 • 114 回帖 • 180 关注
  • 分享

    有什么新发现就分享给大家吧!

    248 引用 • 1794 回帖 • 7 关注
  • 前端

    前端技术一般分为前端设计和前端开发,前端设计可以理解为网站的视觉设计,前端开发则是网站的前台代码实现,包括 HTML、CSS 以及 JavaScript 等。

    246 引用 • 1338 回帖
  • jsoup

    jsoup 是一款 Java 的 HTML 解析器,可直接解析某个 URL 地址、HTML 文本内容。它提供了一套非常省力的 API,可通过 DOM,CSS 以及类似于 jQuery 的操作方法来取出和操作数据。

    6 引用 • 1 回帖 • 487 关注
  • SSL

    SSL(Secure Sockets Layer 安全套接层),及其继任者传输层安全(Transport Layer Security,TLS)是为网络通信提供安全及数据完整性的一种安全协议。TLS 与 SSL 在传输层对网络连接进行加密。

    70 引用 • 193 回帖 • 415 关注
  • Outlook
    1 引用 • 5 回帖 • 3 关注
  • 开源

    Open Source, Open Mind, Open Sight, Open Future!

    411 引用 • 3588 回帖
  • 安装

    你若安好,便是晴天。

    132 引用 • 1184 回帖
  • 尊园地产

    昆明尊园房地产经纪有限公司,即:Kunming Zunyuan Property Agency Company Limited(简称“尊园地产”)于 2007 年 6 月开始筹备,2007 年 8 月 18 日正式成立,注册资本 200 万元,公司性质为股份经纪有限公司,主营业务为:代租、代售、代办产权过户、办理银行按揭、担保、抵押、评估等。

    1 引用 • 22 回帖 • 794 关注
  • WebComponents

    Web Components 是 W3C 定义的标准,它给了前端开发者扩展浏览器标签的能力,可以方便地定制可复用组件,更好的进行模块化开发,解放了前端开发者的生产力。

    1 引用 • 8 关注
  • uTools

    uTools 是一个极简、插件化、跨平台的现代桌面软件。通过自由选配丰富的插件,打造你得心应手的工具集合。

    7 引用 • 27 回帖
  • Mobi.css

    Mobi.css is a lightweight, flexible CSS framework that focus on mobile.

    1 引用 • 6 回帖 • 762 关注
  • Android

    Android 是一种以 Linux 为基础的开放源码操作系统,主要使用于便携设备。2005 年由 Google 收购注资,并拉拢多家制造商组成开放手机联盟开发改良,逐渐扩展到到平板电脑及其他领域上。

    336 引用 • 324 回帖
  • 微服务

    微服务架构是一种架构模式,它提倡将单一应用划分成一组小的服务。服务之间互相协调,互相配合,为用户提供最终价值。每个服务运行在独立的进程中。服务于服务之间才用轻量级的通信机制互相沟通。每个服务都围绕着具体业务构建,能够被独立的部署。

    96 引用 • 155 回帖 • 2 关注
  • GAE

    Google App Engine(GAE)是 Google 管理的数据中心中用于 WEB 应用程序的开发和托管的平台。2008 年 4 月 发布第一个测试版本。目前支持 Python、Java 和 Go 开发部署。全球已有数十万的开发者在其上开发了众多的应用。

    14 引用 • 42 回帖 • 818 关注
  • 阿里巴巴

    阿里巴巴网络技术有限公司(简称:阿里巴巴集团)是以曾担任英语教师的马云为首的 18 人,于 1999 年在中国杭州创立,他们相信互联网能够创造公平的竞争环境,让小企业通过创新与科技扩展业务,并在参与国内或全球市场竞争时处于更有利的位置。

    43 引用 • 221 回帖 • 56 关注
  • PWA

    PWA(Progressive Web App)是 Google 在 2015 年提出、2016 年 6 月开始推广的项目。它结合了一系列现代 Web 技术,在网页应用中实现和原生应用相近的用户体验。

    14 引用 • 69 回帖 • 183 关注
  • OnlyOffice
    4 引用 • 26 关注
  • 996
    13 引用 • 200 回帖 • 3 关注
  • 思源笔记

    思源笔记是一款隐私优先的个人知识管理系统,支持完全离线使用,同时也支持端到端加密同步。

    融合块、大纲和双向链接,重构你的思维。

    25764 引用 • 106649 回帖
  • 人工智能

    人工智能(Artificial Intelligence)是研究、开发用于模拟、延伸和扩展人的智能的理论、方法、技术及应用系统的一门技术科学。

    113 引用 • 315 回帖 • 1 关注
  • OpenResty

    OpenResty 是一个基于 NGINX 与 Lua 的高性能 Web 平台,其内部集成了大量精良的 Lua 库、第三方模块以及大多数的依赖项。用于方便地搭建能够处理超高并发、扩展性极高的动态 Web 应用、Web 服务和动态网关。

    17 引用 • 52 关注
  • Vditor

    Vditor 是一款浏览器端的 Markdown 编辑器,支持所见即所得、即时渲染(类似 Typora)和分屏预览模式。它使用 TypeScript 实现,支持原生 JavaScript、Vue、React 和 Angular。

    371 引用 • 1854 回帖 • 1 关注
  • Sym

    Sym 是一款用 Java 实现的现代化社区(论坛/BBS/社交网络/博客)系统平台。

    下一代的社区系统,为未来而构建

    524 引用 • 4601 回帖 • 709 关注
  • 运维

    互联网运维工作,以服务为中心,以稳定、安全、高效为三个基本点,确保公司的互联网业务能够 7×24 小时为用户提供高质量的服务。

    151 引用 • 257 回帖
  • LaTeX

    LaTeX(音译“拉泰赫”)是一种基于 ΤΕΧ 的排版系统,由美国计算机学家莱斯利·兰伯特(Leslie Lamport)在 20 世纪 80 年代初期开发,利用这种格式,即使使用者没有排版和程序设计的知识也可以充分发挥由 TeX 所提供的强大功能,能在几天,甚至几小时内生成很多具有书籍质量的印刷品。对于生成复杂表格和数学公式,这一点表现得尤为突出。因此它非常适用于生成高印刷质量的科技和数学类文档。

    12 引用 • 59 回帖 • 5 关注