← 返回学习中心 · 知识库与科研OiOi Academy
知识库 · 04

YouTube 智能阅读器:Web Clipper Reader 模式

Obsidian 官方插件一次"神级更新":把 YouTube 变成带章节大纲、字幕跟随高亮的智能阅读器——@xiangxiang103 的 3 分钟保姆级教程。

原作者 @xiangxiang103 来源 X 发布 2026-04-11
🧭

开篇:这课解决什么问题

在 YouTube 上刷到一个高质量教程/访谈视频,想收藏——但字幕没法复制、想回看某个观点得拖进度条大海捞针?

这课讲 @xiangxiang103(雨哥聊AI)分享的"神级更新":Obsidian 官方 Web Clipper 插件的 Reader 模式,把 YouTube 视频变成智能阅读器——左侧章节大纲、中间干净播放器、下方带时间戳的完整字幕,点字幕即跳转。零基础 3 分钟学会。

记住:一句话结论:装 Web Clipper(1.4+)→ 默认打开方式设为 Reader → 打开视频点书本图标,YouTube 秒变可阅读、可跳转、可高亮的智能阅读器。
🧩

Reader 模式是什么

以下来自 @xiangxiang103。Web Clipper 是 Obsidian 官方出的浏览器插件;它的 Reader 模式(需 1.4 或更高版本)能把任意有字幕的 YouTube 视频变成一个极简的阅读界面:

  • 左侧:视频章节大纲(视频有章节就自动显示);
  • 中间:干净的视频播放器;
  • 下方:完整的带时间戳的字幕(transcript)。

界面干净极简,看视频像在用专业阅读器——"再也回不去普通 YouTube"。

原文配图:@xiangxiang103 教程中的 YouTube 智能阅读器总览——章节大纲 + 播放器 + 字幕三区界面
原文配图:@xiangxiang103 教程中的 YouTube 智能阅读器总览——章节大纲 + 播放器 + 字幕三区界面
高中生类比
普通 YouTube 像"看电视":只能跟着播,想找一句话得拖进度条。Reader 模式像"看带目录的书":目录(章节大纲)在左,正文(字幕)在下,点目录直达,点正文跳转。
📥

第一步:安装或更新 Web Clipper

以下来自 @xiangxiang103:

  • 打开浏览器(推荐 Chrome / Edge),地址栏输入 https://obsidian.md/clipper 回车;
  • 点页面中间的 "Install for Chrome"(或对应浏览器的安装按钮);
  • 装完后浏览器右上角出现 Obsidian 黑色图标。
原文配图:@xiangxiang103 教程中 Web Clipper 安装完成后的浏览器图标位置示意
原文配图:@xiangxiang103 教程中 Web Clipper 安装完成后的浏览器图标位置示意
避坑
老用户注意:直接去浏览器扩展商店搜 "Obsidian Web Clipper",更新到 1.4 或更高版本,低版本没有 Reader 模式。
⚙️

第二步:默认打开方式设为 Reader

以下来自 @xiangxiang103(强烈推荐这一步,之后每次用都超级方便):

  • 点浏览器右上角的 Obsidian 图标;
  • 在弹出小窗口点右上角的 齿轮设置图标;
  • 找到 Default open behavior(默认打开方式);
  • 改成 Reader 或 Open in Reader mode;保存。
原文配图:@xiangxiang103 演示将 Default open behavior 设为 Reader 模式的设置截图
原文配图:@xiangxiang103 演示将 Default open behavior 设为 Reader 模式的设置截图
📖

第三步:体验智能字幕阅读器

以下来自 @xiangxiang103:打开任意一个有字幕的 YouTube 视频(建议选带章节的教程或访谈,效果更好)→ 点右上角 Obsidian 图标 → 点书本图标(Reader 模式)。

超实用交互功能:

  • 点击任意一行字幕 → 视频立刻精准跳转到那个时间点;
  • 播放时当前正在说的那行字幕自动高亮;
  • 字幕自动向下滚动,始终把当前行保持在屏幕中央。
原文配图:@xiangxiang103 演示点击字幕跳转与播放时自动高亮当前行的效果
原文配图:@xiangxiang103 演示点击字幕跳转与播放时自动高亮当前行的效果

顶部三个开关建议全部打开:Pin player(固定视频位置)、Auto-scroll(自动滚动)、Highlight active line(高亮当前行)。

原文配图:@xiangxiang103 教程中 Reader 模式顶部三个开关(Pin player / Auto-scroll / Highlight active line)的位置
原文配图:@xiangxiang103 教程中 Reader 模式顶部三个开关(Pin player / Auto-scroll / Highlight active line)的位置
✨

额外好用:字幕高亮直存 Obsidian

以下来自 @xiangxiang103。在 Reader 模式里选中字幕中的文字,可以直接高亮保存到你的 Obsidian 笔记里——而且自动带上视频链接和时间戳。

这意味着:看视频时划出的金句,自动变成知识库里"可溯源"的笔记。以后在《01 课》《06 课》里让 AI 整理知识库时,这些带时间戳的字幕笔记就是现成的 Raw 资料。

原文配图:@xiangxiang103 演示选中字幕高亮并保存到 Obsidian 笔记(带视频链接与时间戳)
原文配图:@xiangxiang103 演示选中字幕高亮并保存到 Obsidian 笔记(带视频链接与时间戳)
高中生类比
这个功能像"带页码的摘抄卡":以前摘抄只记句子,现在每张卡自动印上"第几页第几行"(视频链接+时间戳),想核对原文一秒直达。
⚠️

注意事项

以下来自 @xiangxiang103:

  • 需要 YouTube 视频本身带有字幕(中英文字幕都可以);没字幕的视频用不了这套。
  • Firefox 用户可能需要等 1–3 周才能更新到最新版。
  • 完全免费,官方插件。
  • 更多帮助:https://obsidian.md/help/web-clipper/reader(官方文档)。
记住:一句话结论:有字幕 + Chrome/Edge + Web Clipper 1.4+ + 默认 Reader,3 分钟把 YouTube 变成智能阅读器;金句一划即存库,带时间戳可溯源。
词

术语翻卡:点卡片看解释

Web Clipper
Obsidian Web Clipper
Obsidian 官方浏览器插件,一键把网页/视频存成 Markdown;1.4+ 版本带 Reader 智能阅读模式。
Reader 模式
Reader Mode
Web Clipper 的阅读视图:章节大纲 + 干净播放器 + 带时间戳字幕,点书本图标进入。
字幕跟随高亮
Auto Highlight
播放时当前说的那行字幕自动高亮并滚动到屏幕中央,眼睛不用找。
Pin player
Pin Player
固定视频位置的开关,滚动字幕时播放器不跑丢。
时间戳
Timestamp
字幕对应的视频时间点;高亮保存时自动附带,点一下跳回原文位置。
测

自测一下:点问题展开参考答案

需要 1.4 或更高版本;老用户去浏览器扩展商店搜 "Obsidian Web Clipper" 更新即可。

第二步:点 Obsidian 图标 → 齿轮设置 → Default open behavior 改成 Reader / Open in Reader mode 并保存。

左侧视频章节大纲(有章节自动显示)、中间干净的视频播放器、下方带时间戳的完整字幕。

Pin player(固定视频位置)、Auto-scroll(自动滚动)、Highlight active line(高亮当前行)。

会自动带上视频链接和时间戳,变成知识库里可溯源的笔记。