登录 注册

思源视频笔记插件 /B 站 / 百度网盘一键入库

刚试了下通义听悟的浏览器插件，可以设置监听当前浏览器页面的音频实时转成文本，搭配视频笔记用还不错

还有一个是 Kimi 官方出的插件，直接划线解释、总结

image.png

image.png

=============

把百度网盘的也加上了，虽然我自己用不上

所有生成的文档里初始的数据都不要做更改，否则影响正常使用

百度网盘视频笔记操作：
https://www.bilibili.com/video/BV19QYqeBEgi/?vd_source=6e1ad07c1e4ac69339c0b182ac45f53b

=============

之前看社区里有人发帖提视频笔记的需求，恰好最近我也有这方面的需要，索性就按照自己的想法开发了一个浏览器插件来实现 B 站视频的一键入库，这样的话就可以在思源里直接做视频笔记

考虑到要抓数据，浏览器插件在这方面是比较好做的，后续抖音、Youtube 看需要也会陆续加上，因为有些数据要走劫持逻辑，B 站前端有缓存不发起请求就不会触发下载按钮的刷新，这种情况一般是多强刷几次或者切换下分 P

关于平台视频数据可能丢失的问题，我的想法是可以等视频看完做完笔记之后选择持久化到本地，做一个备份，一旦平台数据没有了，自动把平台链接切换成本地链接就行了，相当于把一个跨域的 iframe 标签换成一个 video 标签，然后单独再写一套本地视频的逻辑，实现起来很简单，这种其实还是小概率事件，视频笔记感觉就算做，数据量也有限，其实我自己用的话大概率是不需要这个功能

我自己是很少做视频笔记的，所以也不清楚这方面功能优化的方向在哪里，等用一段时间有痛点了再做安排

仔细想下，还是之前用 edge 分屏的方式实现更灵活，那个实现起来更简单而且扩展性还好，只要网页上能播的都能做笔记，唯一麻烦点的是每次打开笔记需要单独开个分屏，还需要一个宽屏显示器，像现在这样把视频用 iframe 的方式放到思源文档里成本高不少，主要是跨域通信上，包括之前说的数据失效替换也更麻烦一些

像抖音的视频还有跨域的限制，还需要借助插件修改请求头，不然视频都播放不了，百度云上的视频都没法用 iframe 内嵌到思源文档里，后面看情况吧，有特别的需要才考虑重新支持分屏播放的逻辑，我相信没那么多人需要视频笔记

插件：https://github.com/coriger/siyuan-video-extension

B 站视频笔记操作：
https://www.bilibili.com/video/BV1rdYfeLE87/?vd_source=6e1ad07c1e4ac69339c0b182ac45f53b

  • 思源笔记

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

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

    20501 引用 • 79935 回帖
5 操作
coriger 在 2024-08-13 23:18:31 更新了该帖
coriger 在 2024-08-13 23:17:58 更新了该帖
coriger 在 2024-08-13 05:38:42 更新了该帖
coriger 在 2024-08-13 05:31:08 更新了该帖 coriger 在 2024-08-12 15:44:18 更新了该帖
7 感谢
1 关注
10 收藏
1 赞同
5 操作
13 回帖
5
4
281 274 4 2

相关帖子

13 回帖
思源视频笔记插件 /B 站 / 百度网盘一键入库

欢迎来到这里！

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

注册 关于
请输入回帖内容 ...
  • mark-j •
    付费者

    点赞，网盘的视频不支持吗

    3 回复
  • cong12123 •
    付费者

    666

  • coriger • • 1
    作者

    网盘这种可以用左右分屏的方式来搞，其实这种还更好点，基本可以适配所有站点，后面应该只有抖音、B 站、Youtube 会把视频数据用 iframe 嵌入思源，其余的都用这种左右分屏的方式搞

  • coriger • • 1
    作者

    类似这种效果，这样搞，还可以用上网盘的 AI 功能

  • coriger • • 1
    作者

    百度网盘现在已经支持了

    https://www.bilibili.com/video/BV19QYqeBEgi/?vd_source=6e1ad07c1e4ac69339c0b182ac45f53b

  • mark-j •
    付费者

    顶一下

  • mark-j •
    付费者

    已经非常强了！！image.png就是时间戳不支持大纲，要手动复制到笔记结尾

    1 回复
  • pakeh2866 •
    付费者

    支持！

  • avaisa •
    付费者

    支持

  • coriger •
    作者

    嗯，优化了下顶部的时间戳，默认加了一个 4 级标题，大纲里面点时间戳直接跳转，时间戳右边可以加一个短标题方便快速定位

    image.png

    1 回复
  • zxhd86 • • 1 • 1 赞同
    订阅者 先知

    我觉得思路要放开点，为啥要一直往思源里塞呢，直接写个浏览器插件，在视频网站用 iframe 打开思源的界面进行操作不行吗trollface

  • mark-j •
    付费者

    作者你好！我的设想是这样，因为有些学科是做“大纲笔记”的，所以我是设想点时间戳的时候，直接写入笔记的末尾，截图也是。

    image.png

    1 回复
  • coriger • • 1 评论
    作者

    加了，已经推送到 github 上了，你下下来试试看，我自己随便测了下，有个问题是思源编辑器编辑的时候它自己有点击事件的监听，应该是有个异步拉取 block 数据的接口请求，好像会导致第一次点击暂时丢失焦点，所以使用这种自由插入时间戳的时候有时候你点击了新的位置，其实它焦点可能还在之前点击的位置上，最好是插入的时候鼠标点两次，这样焦点基本能切过来，插入的时候也能准确插入，如果你没有点击没获取到焦点的话就还是按照之前的逻辑在文档末尾追加

    我自己是用之前的两个按钮就够了，所以这次我是单独新加了两个按钮，作为这种自由插入的方式

    编辑框点两次，不是插入按钮点两次
    coriger •
请输入回帖内容 ...
coriger
回帖
32
 帖子
7
 积分
571

近期热议

推荐标签 标签

  • 架构

    我们平时所说的“架构”主要是指软件架构，这是有关软件整体结构与组件的抽象描述，用于指导软件系统各个方面的设计。另外还有“业务架构”、“网络架构”、“硬件架构”等细分领域。

    142 引用 • 442 回帖 • 1 关注
  • 互联网

    互联网（Internet），又称网际网络，或音译因特网、英特网。互联网始于 1969 年美国的阿帕网，是网络与网络之间所串连成的庞大网络，这些网络以一组通用的协议相连，形成逻辑上的单一巨大国际网络。

    97 引用 • 344 回帖
  • 设计模式

    设计模式（Design pattern）代表了最佳的实践，通常被有经验的面向对象的软件开发人员所采用。设计模式是软件开发人员在软件开发过程中面临的一般问题的解决方案。这些解决方案是众多软件开发人员经过相当长的一段时间的试验和错误总结出来的。

    198 引用 • 120 回帖
  • Openfire

    Openfire 是开源的、基于可拓展通讯和表示协议 (XMPP)、采用 Java 编程语言开发的实时协作服务器。Openfire 的效率很高，单台服务器可支持上万并发用户。

    6 引用 • 7 回帖 • 101 关注
  • C

    C 语言是一门通用计算机编程语言，应用广泛。C 语言的设计目标是提供一种能以简易的方式编译、处理低级存储器、产生少量的机器码以及不需要任何运行环境支持便能运行的编程语言。

    83 引用 • 165 回帖
  • RESTful

    一种软件架构设计风格而不是标准，提供了一组设计原则和约束条件，主要用于客户端和服务器交互类的软件。基于这个风格设计的软件可以更简洁，更有层次，更易于实现缓存等机制。

    30 引用 • 114 回帖 • 2 关注
  • Swagger

    Swagger 是一款非常流行的 API 开发工具，它遵循 OpenAPI Specification（这是一种通用的、和编程语言无关的 API 描述规范）。Swagger 贯穿整个 API 生命周期，如 API 的设计、编写文档、测试和部署。

    26 引用 • 35 回帖 • 6 关注
  • HHKB

    HHKB 是富士通的 Happy Hacking 系列电容键盘。电容键盘即无接点静电电容式键盘（Capacitive Keyboard）。

    5 引用 • 74 回帖 • 444 关注
  • Sym

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

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

    524 引用 • 4599 回帖 • 703 关注
  • 服务

    提供一个服务绝不仅仅是简单的把硬件和软件累加在一起，它包括了服务的可靠性、服务的标准化、以及对服务的监控、维护、技术支持等。

    41 引用 • 24 回帖
  • SMTP

    SMTP（Simple Mail Transfer Protocol）即简单邮件传输协议，它是一组用于由源地址到目的地址传送邮件的规则，由它来控制信件的中转方式。SMTP 协议属于 TCP/IP 协议簇，它帮助每台计算机在发送或中转信件时找到下一个目的地。

    4 引用 • 18 回帖 • 615 关注
  • Hexo

    Hexo 是一款快速、简洁且高效的博客框架，使用 Node.js 编写。

    21 引用 • 140 回帖 • 5 关注
  • 开源

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

    404 引用 • 3553 回帖 • 2 关注
  • Electron

    Electron 基于 Chromium 和 Node.js，让你可以使用 HTML、CSS 和 JavaScript 构建应用。它是一个由 GitHub 及众多贡献者组成的活跃社区共同维护的开源项目，兼容 Mac、Windows 和 Linux，它构建的应用可在这三个操作系统上面运行。

    15 引用 • 136 回帖 • 6 关注
  • uTools

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

    5 引用 • 13 回帖 • 1 关注
  • Elasticsearch

    Elasticsearch 是一个基于 Lucene 的搜索服务器。它提供了一个分布式多用户能力的全文搜索引擎，基于 RESTful 接口。Elasticsearch 是用 Java 开发的，并作为 Apache 许可条款下的开放源码发布，是当前流行的企业级搜索引擎。设计用于云计算中，能够达到实时搜索，稳定，可靠，快速，安装使用方便。

    116 引用 • 99 回帖 • 245 关注
  • gRpc
    11 引用 • 9 回帖 • 48 关注
  • V2EX

    V2EX 是创意工作者们的社区。这里目前汇聚了超过 400,000 名主要来自互联网行业、游戏行业和媒体行业的创意工作者。V2EX 希望能够成为创意工作者们的生活和事业的一部分。

    17 引用 • 236 回帖 • 371 关注
  • Kotlin

    Kotlin 是一种在 Java 虚拟机上运行的静态类型编程语言，由 JetBrains 设计开发并开源。Kotlin 可以编译成 Java 字节码，也可以编译成 JavaScript，方便在没有 JVM 的设备上运行。在 Google I/O 2017 中，Google 宣布 Kotlin 成为 Android 官方开发语言。

    19 引用 • 33 回帖 • 57 关注
  • WebComponents

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

    1 引用 • 2 关注
  • 持续集成

    持续集成（Continuous Integration）是一种软件开发实践，即团队开发成员经常集成他们的工作，通过每个成员每天至少集成一次，也就意味着每天可能会发生多次集成。每次集成都通过自动化的构建（包括编译，发布，自动化测试）来验证，从而尽早地发现集成错误。

    14 引用 • 7 回帖 • 2 关注
  • Wide

    Wide 是一款基于 Web 的 Go 语言 IDE。通过浏览器就可以进行 Go 开发，并有代码自动完成、查看表达式、编译反馈、Lint、实时结果输出等功能。

    欢迎访问我们运维的实例： https://wide.b3log.org

    30 引用 • 218 回帖 • 615 关注
  • OnlyOffice
    4 引用 • 16 关注
  • TGIF

    Thank God It's Friday! 感谢老天，总算到星期五啦！

    285 引用 • 4482 回帖 • 661 关注
  • Spark

    Spark 是 UC Berkeley AMP lab 所开源的类 Hadoop MapReduce 的通用并行框架。Spark 拥有 Hadoop MapReduce 所具有的优点；但不同于 MapReduce 的是 Job 中间输出结果可以保存在内存中，从而不再需要读写 HDFS，因此 Spark 能更好地适用于数据挖掘与机器学习等需要迭代的 MapReduce 的算法。

    74 引用 • 46 回帖 • 557 关注
  • ngrok

    ngrok 是一个反向代理，通过在公共的端点和本地运行的 Web 服务器之间建立一个安全的通道。

    7 引用 • 63 回帖 • 623 关注
  • NGINX

    NGINX 是一个高性能的 HTTP 和反向代理服务器，也是一个 IMAP/POP3/SMTP 代理服务器。 NGINX 是由 Igor Sysoev 为俄罗斯访问量第二的 Rambler.ru 站点开发的，第一个公开版本 0.1.0 发布于 2004 年 10 月 4 日。

    311 引用 • 546 回帖

最新标签