Obsidian Video Note

在 Obsidian 中边看视频边做笔记的插件。内置浏览器支持 Bilibili、YouTube 等视频网站，支持时间戳标记、字幕提取、视频截图等功能。

✨ 功能特性

🌐 内置浏览器

• 支持 Bilibili、YouTube、腾讯视频、爱奇艺、优酷等视频网站
• 新标签页风格主页，可自定义常用网站快捷入口
• Cookie 持久化，登录状态不会丢失
• 完整的浏览器体验：前进、后退、刷新、地址栏

⏱️ 时间戳笔记

• 一键插入当前视频时间戳 [05:30]
• 支持带标签的时间戳 [05:30]{重点}，自动彩色标记
• 点击时间戳自动跳转到视频对应位置
• 编辑模式（Live Preview）和阅读模式均可点击跳转
• 视频 URL 自动关联笔记，复习时点击时间戳自动打开对应视频

📝 字幕提取

• 一键提取 Bilibili 视频字幕（CC 字幕）
• 自动转换为带时间戳的文本格式，方便笔记整理

📸 视频截图

• 一键截取当前视频画面
• 自动保存到 attachments 文件夹
• 截图自动附带时间戳信息

🏷️ 时间戳标签

• 预设标签：重点、疑问、TODO、笔记、重要
• 不同标签自动显示不同颜色标记
• 支持通过命令面板快速选择标签

📤 笔记导出

• 一键导出当前笔记中所有时间戳为表格
• 包含时间、笔记内容、标签分类

📦 安装

手动安装

1. 下载 main.js、manifest.json、styles.css 三个文件
2. 在 Obsidian 库目录下创建 .obsidian/plugins/obsidian-video-note/ 文件夹
3. 将三个文件放入该文件夹
4. 重启 Obsidian，在设置 → 第三方插件中启用 Video Note

从 Release 下载

前往 Releases 页面下载最新版本的压缩包。

🚀 使用方法

打开视频播放器

• 点击左侧边栏的 ▶️ 图标
• 或使用命令面板（Ctrl+P）搜索 "Open Video Player"

插入时间戳

1. 在视频播放时，使用命令面板搜索 "Insert current video timestamp"
2. 或右键菜单选择 "Insert timestamp"
3. 时间戳会以 [MM:SS] 格式插入到笔记中

时间戳跳转

• 在阅读模式或**编辑模式（Live Preview）**中直接点击时间戳
• 如果播放器已打开 → 直接跳转到对应时间
• 如果播放器未打开 → 自动打开笔记关联的视频并跳转

快捷操作（右键菜单）

• 插入时间戳
• 插入带标签的时间戳
• 视频截图
• 提取字幕

⚙️ 设置

• 默认打开方式：侧边栏 / 新标签页
• 时间戳格式：MM:SS 或 HH:MM:SS
• 快捷网站管理：自定义主页的网站快捷入口（添加、删除、重置）

🛠️ 开发

# 安装依赖
npm install

# 开发模式（监听文件变化）
npm run dev

# 构建生产版本
npm run build

📄 License

MIT

🙏 致谢

• Obsidian - 强大的知识管理工具
• Obsidian Surfing - 内置浏览器实现参考