登录 注册

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

本贴最后更新于 233 天前，其中的信息可能已经时移世改

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

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

image.png

image.png

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

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

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

百度网盘视频笔记操作：

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

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

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

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

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

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

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

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

B 站视频笔记操作：

  • 思源笔记

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

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

    24895 引用 • 102494 回帖
4 引用
[ 思源笔记油猴脚本 视频时间戳 + 截图］ipad 端体验报告和建议 • mark-j
思源笔记油猴脚本 视频时间戳 + 截图 • ACai
思源数据库 API/ 视频 RSS 源定制 / 视频笔记 • coriger
对思源剪藏插件的功能需求
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 更新了该帖
8 感谢
2 关注
13 收藏
1 赞同
4 引用
5 操作
33 回帖
7
2
2
1.9k 655 1 925 6 1 1 1 336

相关帖子

优质回帖
  • coriger • • 1
    作者

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

  • coriger • • 1
    作者

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

  • coriger • • 1
    作者

    百度网盘现在已经支持了

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

欢迎来到这里！

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

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

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

    3 回复
  • CongSec •
    付费者 捐赠者

    666

  • coriger • • 1
    作者

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

  • coriger • • 1
    作者

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

  • coriger • • 1
    作者

    百度网盘现在已经支持了

  • mark-j •
    付费者

    顶一下

  • mark-j • • 1 评论
    付费者

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

    1 回复
    我按照作者的教程配置参数，没有应用成功，你应用成功了？
    MrMang •
  • pakeh2866 •
    付费者

    支持！

  • avaisa •
    付费者

    支持

  • coriger •
    作者

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

    image.png

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

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

  • mark-j •
    付费者

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

    image.png

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

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

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

    1 回复
    编辑框点两次，不是插入按钮点两次
    coriger •
  • sim •
    订阅者

    作者您好，“找到 视频笔记模版.sy.zip 文件，导入思源”请问这一步导入是从哪导入呢？

    1 回复
  • coriger • • 1
    作者

    思源里面随便找一个文件夹，选择右边的更多，里面有导入菜单

    image.png

    image.png

    1 回复
  • sim •
    订阅者

    明白了！感谢您 ❤️

  • MrMang •
    订阅者 付费者

    image.png

    作者你好，我使用你的插件，有两个问题，第一是点击“下载单视频/下载合集”按钮没有用，第二是没有视频上方的“笔记模式”，按照你 github 上配置了 common.js，但是我的 F12 页面里面有 5 个 b3-list b3-list--background，尝试过 ctr+F5，都没有用，请问是什么问题呢？

    ========

    经过排查，看到插件在运行时有这个问题，，我把截图和截图中显示不全的问题代码复制出来，请大佬帮忙看看怎么解决啊

    image.png

    var currentPageUrl;
const pageTemplateUrl = "E:\\SiYuanData\\data\\templates\\视频笔记模板.md"
const Authorization = "token wug2b7q5ul5cjcjx"
const notebook = "20220526004752-xsoh6fo"

/**
 * 把视频时长转换成字符串格式 
 * 参数单位是毫秒
 * @param {*} milliseconds 
 * @returns 
 */
function parseVideoTimeFromDuration(milliseconds){
    // 计算小时数
    var hours = Math.floor(milliseconds / (60 * 60 * 1000));
    // 计算剩余的分钟数
    var minutes = Math.floor((milliseconds % (60 * 60 * 1000)) / (60 * 1000));
    // 计算剩余的秒数
    var seconds = Math.floor((milliseconds % (60 * 1000)) / 1000);

    // 格式化小时、分钟和秒，确保它们是两位数
    hours = hours.toString().padStart(2, '0');
    minutes = minutes.toString().padStart(2, '0');
    seconds = seconds.toString().padStart(2, '0');

    // 根据时长判断并拼接字符串
    if (hours > 0) {
        return `${hours}:${minutes}:${seconds}`; // xx:yy:zz
    } else if (minutes > 0) {
        return `${minutes}:${seconds}`; // xx:yy
    } else {
        // 如果分钟和小时都为0，但秒数可能不为0（尽管在这个特定情况下它会是0，因为至少要有1秒）
        // 但为了完整性，我们还是返回秒数（尽管前导0可能看起来不必要）
        return `00:${seconds}`; // 00:xx，但注意这个分支实际上不太可能被触发，除非有特别的逻辑需要它
        // 或者，如果确实只需要在秒数大于0时才显示，可以改为：
        // return seconds > 0 ? `00:${seconds}` : '00:00';
    }
}


/**
 * 调用思源api
 * @param {} url 
 * @param {*} json 
 * @returns 
 */
async function invokeSiyuanApi(url,json){
    console.log("invoke siyuan api:"+url)
    console.log("invoke siyuan json:"+JSON.stringify(json))

    try {
        const response = await fetch(url, {
            method: "POST",
            headers: {
                "Authorization": Authorization,
                "Content-Type": "application/json",
            },
            body: JSON.stringify(json)
        });
        // 确保响应状态码是2xx
        if (!response.ok) {
            throw new Error('Network response was not ok');
        }
        // 你可以继续处理响应，例如获取JSON数据
        const data = await response.json();
        console.log("invoke siyuan api success,result is "+JSON.stringify(data))
        return data;
    } catch (error) {
        console.error('There has been a problem with your invokeSiyuanApi operation:', error);
    }
}


/**
 * 上传文件
 * @param {*} url 
 * @param {*} json 
 * @returns 
 */
async function invokeSiyuanUploadApi(formData){

    try {
        const response = await fetch("http://127.0.0.1:6806/api/asset/upload", {
            method: "POST",
            headers: {
                "Authorization": Authorization,
            },
            body: formData
        });
        // 确保响应状态码是2xx
        if (!response.ok) {
            throw new Error('Network response was not ok');
        }
        // 你可以继续处理响应，例如获取JSON数据
        const data = await response.json();
        console.log("invoke siyuan upload api success,result is "+JSON.stringify(data))
        return data;
    } catch (error) {
        console.error('There has been a problem with your invokeSiyuanApi operation:', error);
    }
}
​
    2 回复
    3 操作
    MrMang 在 2024-08-19 21:49:48 更新了该回帖
    MrMang 在 2024-08-19 21:48:40 更新了该回帖
    MrMang 在 2024-08-19 21:34:37 更新了该回帖
  • coriger •
    作者

    1、先配置好参数，下载按钮才能正常调用

    2、笔记模式那个按钮不是插件的内容，可以忽略

    3、你找到的 5 个元素中，注意看节点的 data-url 属性，里面的值就是 notebook 字段

  • Prree • via Android
    付费者

    解决了吗

    1 回复
  • MrMang • via Android
    订阅者 付费者

    这两天还没有尝试，你成功了吗

    1 回复
  • mark-j • • 1 评论
    付费者

    大佬，有没有可能加入快捷键

    嗯，这个后续可以加一个
    coriger •
  • Prree •
    付费者

    没有，试了几次都是一样

    1 回复
  • mark-j •
    付费者

    发现一个 bug，没有办法点击“链接的编辑框”

  • mark-j •
    付费者

    百度云视频笔记时间戳 xquicker 而 - 链滴 (ld246.com) 作者看这里

  • li80 •
    订阅者 付费者

    普通人的确没有太多需要做视频笔记的人，但使用思源笔记的，就不一定了。

    1 回复
  • MrMang •
    订阅者 付费者

    这个插件你能正常运行吗，我每个版本都去试了，都用不了

    1 回复
  • MrMang • via Android
    订阅者 付费者

    我也是，放弃了

  • li80 • • 1 评论
    订阅者 付费者

    我找到了一个免费的视频笔记软件 JumpVidel，可以通用于所有笔记软件，非仅思源。

    2 回复
    不好意思，输错了，是 JumpVideo，搜百度 B 站都行。
    li80 •
  • MrMang •
    订阅者 付费者

    好的，我试试，谢谢

  • ACai •
    订阅者 付费者 支持者

    b 站 iframe 导致视频和截图清晰度过低的问题老哥有办法解决吗，还是说我操作的姿势不对？感谢感谢 🙏 🙏 🙏

    2 回复
  • yeluowusheng •

    刚搜索了一下，好像没找到，有地址能分享一下吗？

  • coriger •
    作者

    这个我试了挺久的没找到什么好的方式，我自己用的话，基本上能在 youtube 找到视频源的就不看 b 站的

  • coriger •
    作者

    我看论坛里面分享的 b 站视频好像也是 360P 的，浏览器已经登录了 b 站账号好像也没起到什么效果，切换分辨率都是直接跳转到 b 站

请输入回帖内容 ...
coriger
回帖
48
 帖子
7
 积分
697

近期热议

推荐标签 标签

  • 叶归
    5 引用 • 16 回帖 • 11 关注
  • Linux

    Linux 是一套免费使用和自由传播的类 Unix 操作系统，是一个基于 POSIX 和 Unix 的多用户、多任务、支持多线程和多 CPU 的操作系统。它能运行主要的 Unix 工具软件、应用程序和网络协议，并支持 32 位和 64 位硬件。Linux 继承了 Unix 以网络为核心的设计思想，是一个性能稳定的多用户网络操作系统。

    951 引用 • 943 回帖 • 1 关注
  • Anytype
    3 引用 • 31 回帖 • 15 关注
  • Typecho

    Typecho 是一款博客程序，它在 GPLv2 许可证下发行，基于 PHP 构建，可以运行在各种平台上，支持多种数据库（MySQL、PostgreSQL、SQLite）。

    12 引用 • 67 回帖 • 445 关注
  • PWA

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

    14 引用 • 69 回帖 • 176 关注
  • LeetCode

    LeetCode（力扣）是一个全球极客挚爱的高质量技术成长平台，想要学习和提升专业能力从这里开始，充足技术干货等你来啃，轻松拿下 Dream Offer！

    209 引用 • 72 回帖
  • PWL

    组织简介

    用爱发电 (Programming With Love) 是一个以开源精神为核心的民间开源爱好者技术组织，“用爱发电”象征开源与贡献精神，加入组织，代表你将遵守组织的“个人开源爱好者”的各项条款。申请加入：用爱发电组织邀请帖。
    用爱发电组织官网：https://programmingwithlove.stackoverflow.wiki/

    用爱发电组织的核心驱动力：

    • 遵守开源守则，体现开源&贡献精神：以分享为目的，拒绝非法牟利。
    • 自我保护：使用适当的 License 保护自己的原创作品。
    • 尊重他人：不以各种理由、各种漏洞进行未经允许的抄袭、散播、洩露；以礼相待，尊重所有对社区做出贡献的开发者；通过他人的分享习得知识，要留下足迹，表示感谢。
    • 热爱编程、热爱学习：加入组织，热爱编程是首当其要的。我们欢迎热爱讨论、分享、提问的朋友，也同样欢迎默默成就的朋友。
    • 倾听：正确并恳切对待、处理问题与建议，及时修复开源项目的 Bug ，及时与反馈者沟通。不抬杠、不无视、不辱骂。
    • 平视：不诋毁、轻视、嘲讽其他开发者，主动提出建议、施以帮助，以和谐为本。只要他人肯努力，你也可能会被昔日小看的人所超越，所以请保持谦虚。
    • 乐观且活跃：你的努力决定了你的高度。不要放弃，多年后回头俯瞰，才会发现自己已经成就往日所仰望的水平。积极地将项目开源，帮助他人学习、改进，自己也会获得相应的提升、成就与成就感。
    1 引用 • 487 回帖 • 1 关注
  • PostgreSQL

    PostgreSQL 是一款功能强大的企业级数据库系统，在 BSD 开源许可证下发布。

    22 引用 • 22 回帖 • 1 关注
  • FFmpeg

    FFmpeg 是一套可以用来记录、转换数字音频、视频，并能将其转化为流的开源计算机程序。

    23 引用 • 32 回帖 • 2 关注
  • Mac

    Mac 是苹果公司自 1984 年起以“Macintosh”开始开发的个人消费型计算机，如：iMac、Mac mini、Macbook Air、Macbook Pro、Macbook、Mac Pro 等计算机。

    168 引用 • 595 回帖
  • Excel
    31 引用 • 28 回帖
  • 小薇

    小薇是一个用 Java 写的 QQ 聊天机器人 Web 服务，可以用于社群互动。

    由于 Smart QQ 从 2019 年 1 月 1 日起停止服务，所以该项目也已经停止维护了！

    34 引用 • 467 回帖 • 758 关注
  • 职场

    找到自己的位置，萌新烦恼少。

    127 引用 • 1708 回帖
  • DNSPod

    DNSPod 建立于 2006 年 3 月份，是一款免费智能 DNS 产品。 DNSPod 可以为同时有电信、网通、教育网服务器的网站提供智能的解析，让电信用户访问电信的服务器，网通的用户访问网通的服务器，教育网的用户访问教育网的服务器，达到互联互通的效果。

    6 引用 • 26 回帖 • 531 关注
  • TextBundle

    TextBundle 文件格式旨在应用程序之间交换 Markdown 或 Fountain 之类的纯文本文件时，提供更无缝的用户体验。

    1 引用 • 2 回帖 • 80 关注
  • 服务器

    服务器，也称伺服器，是提供计算服务的设备。由于服务器需要响应服务请求，并进行处理，因此一般来说服务器应具备承担服务并且保障服务的能力。

    125 引用 • 585 回帖 • 1 关注
  • Netty

    Netty 是一个基于 NIO 的客户端-服务器编程框架，使用 Netty 可以让你快速、简单地开发出一个可维护、高性能的网络应用，例如实现了某种协议的客户、服务端应用。

    49 引用 • 33 回帖 • 35 关注
  • 锤子科技

    锤子科技（Smartisan）成立于 2012 年 5 月，是一家制造移动互联网终端设备的公司，公司的使命是用完美主义的工匠精神，打造用户体验一流的数码消费类产品（智能手机为主），改善人们的生活质量。

    4 引用 • 31 回帖 • 3 关注
  • 尊园地产

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

    1 引用 • 22 回帖 • 783 关注
  • jQuery

    jQuery 是一套跨浏览器的 JavaScript 库，强化 HTML 与 JavaScript 之间的操作。由 John Resig 在 2006 年 1 月的 BarCamp NYC 上释出第一个版本。全球约有 28% 的网站使用 jQuery，是非常受欢迎的 JavaScript 库。

    63 引用 • 134 回帖 • 736 关注
  • 30Seconds

    📙 前端知识精选集，包含 HTML、CSS、JavaScript、React、Node、安全等方面，每天仅需 30 秒。

    • 精选常见面试题，帮助您准备下一次面试
    • 精选常见交互，帮助您拥有简洁酷炫的站点
    • 精选有用的 React 片段，帮助你获取最佳实践
    • 精选常见代码集，帮助您提高打码效率
    • 整理前端界的最新资讯，邀您一同探索新世界
    488 引用 • 384 回帖 • 6 关注
  • OnlyOffice
    4 引用 • 21 关注
  • Vditor

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

    366 引用 • 1842 回帖 • 2 关注
  • Ubuntu

    Ubuntu（友帮拓、优般图、乌班图）是一个以桌面应用为主的 Linux 操作系统，其名称来自非洲南部祖鲁语或豪萨语的“ubuntu”一词，意思是“人性”、“我的存在是因为大家的存在”，是非洲传统的一种价值观，类似华人社会的“仁爱”思想。Ubuntu 的目标在于为一般用户提供一个最新的、同时又相当稳定的主要由自由软件构建而成的操作系统。

    127 引用 • 169 回帖
  • Latke

    Latke 是一款以 JSON 为主的 Java Web 框架。

    71 引用 • 535 回帖 • 821 关注
  • 新人

    让我们欢迎这对新人。哦，不好意思说错了，让我们欢迎这位新人！
    新手上路，请谨慎驾驶！

    52 引用 • 228 回帖
  • 运维

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

    151 引用 • 257 回帖 • 1 关注

最新标签