[思源笔记经验分享] 为笔记内 BiliBili/YouTube 视频创建时间戳 & 跳转到指定时间点

本贴最后更新于 729 天前,其中的信息可能已经时移俗易

前情回顾 1: [思源笔记经验分享] 为笔记内视频块 / 音频块设置时间戳
前情回顾 2: [思源笔记经验分享] 为笔记内视频块 / 音频块设置多个时间戳
前情回顾 3: [思源笔记经验分享] 为笔记内视频块 / 音频块快速创建时间戳

简介

主题 Dark+v0.5.5 中又更新的一个小功能, 将前情回顾视频块/音频块的时间戳功能扩展到 iframe 块嵌入的在线视频网站(BiliBili & YouTube)中

由于 iframe 存在跨域问题, 因此时间戳的创建与跳转与视频块/音频块不太相同

如果需要订阅服务, 欢迎使用我的推荐码呀: h0sc9rc (*^▽^*)

步骤

  1. 为 iframe 块添加自定义块属性, 属性名为 time, 属性值满足如下格式中的一种
    • ss: ss >= 0
    • ss.ms: ss >= 0 && ms >= 0
    • mm:ss: mm >= 0 && 0 <= ss <= 59
    • mm:ss.ms: mm >= 0 && 0 <= ss <= 59 && ms >= 0
    • hh:mm:ss: hh >= 0 && 0 <= mm <= 59 && 0 <= ss <= 59
    • hh:mm:ss.ms: hh >= 0 && 0 <= mm <= 59 && 0 <= ss <= 59 && ms >= 0
  2. 使用 Ctrl+ 中键 单击 iframe 块周围的空白, 由自定义块属性 time 中设置的时间点生成时间戳(超链接格式)
  3. 粘贴时间戳至笔记中
  4. 使用 Ctrl+ 中键 单击时间戳, 更新对应 iframe 块的时间戳
  5. 使用 Ctrl+ 左键 单击 iframe 块周围的空白, 跳转到时间戳所示时间节点
  6. 若想取消视频时间戳, 删除自定义块属性 'time' 并在此使用 Ctrl+ 左键 单击 iframe 块周围的空白

演示

思源笔记功能示范 09.gif

安装

若不使用 Dark+ 主题, 可以下载该主题 v0.5.5+ 版本, 并将该主题目录下的 theme.js 文件 复制 到所使用的主题的目录下

备注

可以在文件 conf\appearance\themes\Dark+\script\module\config.jsdata\widgets\custom.js 中更改所使用的快捷键, 详情请参考 自定义配置

参考

  • 思源笔记

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

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

    18129 引用 • 66875 回帖

相关帖子

欢迎来到这里!

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

注册 关于
请输入回帖内容 ...
  • 麻烦问下大佬,个人原因在用另一个主题,但是想使用大佬主题中的时间戳和复制大纲等功能,如何移植实现呢?简单粗暴的复制 theme.js 文件并不好用,悬浮工具栏有问题,且大部分功能无法使用

    1 回复
  • 其他回帖
  • 我现在在 dark+ 添加了这个属性但是 Ctrl+ 鼠标中键没反应7IVD2ZIG441V48.png这个是 iframe 的哔哩哔哩视频块,鼠标中键后变成页面滚动的那种方式了

    hh:mm:ss 分别表示时分秒, 例如 1:23 表示 1 分 23 秒, 1:23:45 表示 1 小时 23 分钟 45 秒
    shuoying
  • 悬浮工具栏需要引用 /appearance/themes/Dark+/style/module/element.css 文件

    其他的功能涉及样式的需要引用 /appearance/themes/Dark+/style/module/ 目录下 custom- 开头的文件

    1 回复
  • 感谢大佬,我去试试看

  • 查看全部回帖