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

前情回顾 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 块周围的空白

演示

安装

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

备注

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

参考

• 接入 B 站 iframe 视频(bilibili 引用视频)_不知名的上班族-老王-CSDN 博客
• YouTube | How to configure iFrame parameters