乐于分享
好东西不私藏

把 B 站视频变成学习资源:这个开源浏览器插件,字幕、AI 概览、划词解释、时间戳笔记全都有

把 B 站视频变成学习资源:这个开源浏览器插件,字幕、AI 概览、划词解释、时间戳笔记全都有

看 B 站视频学习,最头疼的是什么?想要回看某一句话,得手动拖进度条;字幕没有标点,一长串看得头晕;看到一个不懂的术语,要切出去搜索;看到重要的内容,想记笔记却来不及打字。今天推荐一个开源浏览器插件 Digest for Bilibili,把这些问题一次性解决:它能在 B 站播放页旁边开一个侧边栏,提供字幕阅读、双语对照、AI 章节概览、划词解释和带时间戳的笔记,让你像读文章一样看视频。

这是什么?

Digest for Bilibili 是一个 Chrome / Edge 扩展(Manifest V3),由开源社区维护,项目基于 youtube-digest 复刻而来,采用 MIT 协议,代码完全公开。

一句话总结:把视频变成可以"读"的学习资源。

四大核心功能

1. 字幕阅读:像读文章一样看视频

· 字幕直接取自 B 站官方接口,不经过任何第三方服务

· 支持原文 / 译文 / 双语三种视图,翻译是双向的——中文字幕译成英文,外文字幕译成中文,方向自动判断

· B 站 AI 字幕没有标点、错别字多,开启「顺句」后由 AI 补标点、改正错字,只做可读性修复,不改措辞和时间轴

· 当前句高亮,点任意一句就能跳到视频对应位置,跟丢了还有「回到当前句」浮标

· 支持全文搜索(快捷键 /)、一键复制、导出 TXT

2. AI 概览:一分钟看懂长视频

让 AI 通读整篇字幕,生成带时间戳的章节和金句,点章节直接跳转。

长视频不是一次性请求生成的:字幕先按分段边界切块,每块附带上一块的结尾作为上下文,并发生成后合并去重。部分块失败也不会让整次生成作废,已完成的部分照常显示。

3. 划词解释:遇到术语不用切出去搜

看到不懂的术语或概念,选中它点「解释」,AI 会结合前后文用大白话讲清楚,解释浮层就贴在选中文字旁边。

4. 时间段笔记:把"看到一半想记"变成"记下一整段"

这是本项目 v0.2.0 重点改进的功能:

· 播放时点播放器上的「笔记」按钮(或按 n)开始记录,再点一次(或再按 n)结束保存

· 记录开始到结束时间之间的整段字幕,而不是单个时间点,例如 12:08–14:36

· 单段最长 10 分钟,到时自动结束并保存

· 记录中按 Esc 取消;不足 3 秒自动兼容为原来的时间点笔记

· 笔记卡片显示起止时间,支持回放、复制、跳转链接

· 可以筛选当前视频,也可以查看全部视频的历史笔记;笔记只保存在本地

隐私:密钥和笔记都只留在本地

· 扩展权限只申请了侧边栏、存储和标签页,主机权限仅限 B 站官方域名

· API 密钥存在浏览器本地存储,笔记与缓存只存在本地,不上传任何服务器

安装步骤

要求:Chrome 或 Edge 116 及以上版本(侧边栏 API 的门槛),两者用同一份代码、同一个安装包。

1. 从项目仓库拉取代码,运行 npm run package,得到 dist/ 目录下的 zip 安装包

2. 解压 zip

3. 打开扩展管理页:Chrome 是 chrome://extensions,Edge 是 edge://extensions

4. 打开右上角的「开发者模式」

5. 点击「加载已解压的扩展程序」,选中刚才解压出来的目录

装好后会自动打开设置页。字幕阅读开箱即用;顺句、翻译、概览、划词解释和笔记整理,需要先填一个 AI 服务的地址和密钥。

配置 AI:支持主流大模型

设置页内置了多家厂商预设,选一个填密钥就行:

厂商
说明
DeepSeek
项目实测过的默认选择
OpenAI
官方 API
Anthropic Claude
官方 API
Google Gemini
OpenAI 兼容端点
月之暗面 Kimi
国产模型
智谱 GLM
国产模型

只要服务兼容 OpenAI 接口协议,也可以填自定义地址(例如本地部署的模型服务)。

适合谁用?

· 学生和考研党:把课程视频变成可检索的笔记

· 技术学习者:看教程视频时划词解释术语、章节跳转

· 外语学习者:中英字幕对照,边看边学

· 内容创作者:快速提炼视频结构,找素材和金句

项目地址

GitHub:c617550400-pixel/bilibili-digest

开源协议 MIT,欢迎去给作者点个 Star,也欢迎提交 issue 和 PR。

本文仅作技术分享,扩展使用过程中请遵守 B 站用户协议和内容版权规定。