登录 注册

思源笔记油猴脚本 视频时间戳 + 截图

太晚了人已晕，大概给各位看一下，文档明天写，有 bug 明天再说，溜！

KuiyueRO/siyuan-media-timestamp

更新

2025.01.13-v1.2

功能

  • bilibili 全屏模式
  • 百度网盘支持
    • （这个我没用过，也没找到时间戳，所以让 ai 实现了一个，测试是能用的）
  • 输入备注
  • 网站匹配规则

UI

  • 悬停高亮效果：非鼠标悬停状态下面板应该是隐约可见的
  • 面板背景模糊效果
  • 已创建笔记的按钮会变暗

面向未来

  • 现在，截图块、备注块将会与时间戳一起自动合并为超级块，且最多只会有一个属性值叫 mediacard 的超级块，不会导致嵌套问题
  • 现在，截图、时间戳、备注块、超级块将会带有自定义属性

v1.1

  • 隐藏工具栏
  • 支持 firefox

支持的功能

做了不少优化，主要是通过自定义属性将视频和笔记一一对应上了，不用手动填充 ID。

  1. 一键创建视频笔记。
  2. 自动识别对应的笔记，时间戳和截图会自动发送到网页对应的笔记中。
  3. 时间戳列表。
    1. 自动获得标注过的时间戳，在网页中实时显示
    2. 点击可跳转
    3. 拖拽移动
  4. 支持快捷键

为什么要做这个脚本

其实视频时间戳一直是我的刚需，思源笔记的本地视频已经有好几个比较不错的方案了，但在线视频一直是一个麻烦事。

如果嵌入到思源笔记内，不论是字幕、弹幕、评论、清晰度亦或是移动端都是大问题。

昨晚想了想不如直接做个浏览器脚本，在浏览器扩展 + 思源本地 API 的强劲加持下，直接在浏览器中打时间戳 + 回顾。

又省事，效果也不错。信息还都保存到思源中了。

如何使用

在顶部链接中将代码复制到油猴扩展中启用即可。嗯我也第一次发布油猴脚本，自动更新等都还不了解，见谅。

未来计划

  1. 和思源双向同步时间戳笔记。
  2. 全屏支持（？不一定能做，但我比较刚需）
  3. 支持更加细致的功能
    1. 打时间戳时向前偏移几秒（操作会导致时间戳实际比较滞后）
    2. 自动暂停
    3. 记完笔记后自动播放

感谢

该脚本受以下几个插件的启发，若不是它们我没想过能这么玩。

  1. 思源再提醒油猴插件 思源再提醒油猴插件
  2. 思源视频笔记插件 /B 站 / 百度网盘一键入库 思源视频笔记插件 /B 站 / 百度网盘一键入库
  3. 搜索引擎显示思源 搜索引擎显示思源
  • 思源笔记

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

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

    24802 引用 • 102016 回帖 • 1 关注
2 引用
[ 思源笔记油猴脚本 视频时间戳 + 截图］ipad 端体验报告和建议 • mark-j
B 站视频时间戳 • ACai
4 操作
ACai 在 2025-01-13 07:40:49 更新了该帖
ACai 在 2025-01-07 09:16:15 更新了该帖
ACai 在 2025-01-07 08:51:34 更新了该帖
ACai 在 2025-01-07 07:45:56 更新了该帖
11 感谢
2 关注
13 收藏
2 赞同
2 引用
4 操作
37 回帖
6
4
2
2
2
988 393 79 1 515

相关帖子

优质回帖
  • wilsons • • 1 赞同
    付费者 捐赠者

    @ACai 其实我推荐的的 UI 应该长这样

    image.png

    1. 用户输入了备注再点击，可以加入备注文字。

    2. 按钮顺序调整，常用的功能放到前面

    3. 列表显示时间和备注文字

    4. 增加可折叠到右侧功能，就像这个（仅供参考）

      image.png

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

    油猴上面传了

    https://greasyfork.org/zh-CN/scripts/523628-%E6%80%9D%E6%BA%90%E5%9C%A8%E7%BA%BF%E8%A7%86%E9%A2%91%E6%97%B6%E9%97%B4%E6%88%B3%E5%92%8C%E6%88%AA%E5%9B%BE

  • wilsons • • 1
    付费者 捐赠者

    1.2 使用体验反馈

    1. 其实创建视频按钮可以与后面的两个按钮合二为一，自动创建体验更佳
    2. 备注应当显示到列表中，这样体验更佳
    3. 百度网盘不显示，添加了网站匹配规则也没用，我的播放地址是这个 https://pan.baidu.com/pfile/video
    4. 输入备注信息可能会导致全屏，尤其刷新页面后（另外，关于备注，目前的体验，第一次使用的时候还以为没输入成功，建议输入内容不用消失，正如 2 所说，备注显示在列表中更好，不然点击列表时，光看时间还是一脸懵逼的）
    5. 全屏下无法显示设置弹出框，多次点击后，退出全屏，页面出现多个设置弹出框
37 回帖
思源笔记油猴脚本 视频时间戳 + 截图

欢迎来到这里！

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

注册 关于
请输入回帖内容 ...
  • wilsons • • 1 赞同 • 1 评论
    付费者 捐赠者

    @ACai 其实我推荐的的 UI 应该长这样

    image.png

    1. 用户输入了备注再点击，可以加入备注文字。

    2. 按钮顺序调整，常用的功能放到前面

    3. 列表显示时间和备注文字

    4. 增加可折叠到右侧功能，就像这个（仅供参考）

      image.png

    1、3 肯定会做。图标排序我就不做了，就四个图标，后期用快捷键更好。折叠会有，但侧边栏在规划里另有大用
    ACai • • 1
  • 其他回帖
  • MasterYS • • 3 评论
    付费者

    考虑可以自定义设置插入到指定文档下的子文档，目前可以手动修改代码实现

            try {
            // 创建文档
            const docData = {
                notebook: config.NOTEBOOK_ID,
                path: `/自定义/${title}`,
                markdown: content
            };
​
    想自定义根目录的路径么
    ACai •
    @ACai 是的，修改这里能实现，已经够用了，主要看你们有这需求嘛。
    MasterYS •
    @MasterYS 那就先不弄了
    ACai •
  • ACai • • 1 评论
    订阅者 付费者 支持者 作者

    17d287ccb84b896623d6a5140dabd34c.png

    1a8aefdc9d67a0209c368bc7391fffca.png

    大佬，什么时候更新?
    cxg318 •
  • ACai •
    订阅者 付费者 支持者 作者

    clipboardimage1736268408.png

    后面就改这样吧，也就不会再有右上角的工具栏了

    1 回复
    1 操作
    ACai 在 2025-01-08 00:55:35 更新了该回帖
  • 查看全部回帖
ACai
回帖
232
 帖子
22
 积分
53783