66
77在 B站视频页抓取字幕、截取视频帧画面,生成带有截图的 Markdown 笔记。支持接入 DeepSeek AI 自动整理文档。
88
9- 🌐 官网:< https://hyglgithub.github.io/BiViNote/ >
9+ 🌐 官网:< https://hyglgithub.github.io/BiViNote >
1010
1111## 功能亮点
1212
13- - 📝 ** 字幕抓取** — 自动获取视频字幕,支持多语言切换
14- - 📷 ** 视频截图与裁剪** — 一键截取视频帧,支持上一帧/下一帧微调;基于 Cropper.js 裁剪、缩放、旋转、翻转
15- - 📄 ** 多格式导出** — SRT 字幕、Markdown 笔记(含截图时打包 ZIP)
16- - 🤖 ** AI 文档整理** — 接入 DeepSeek 自动整理字幕文档,流式输出思考过程和整理结果
17- - ✍️ ** B站笔记保存** — 整理结果一键保存为 B站笔记,随时「查看笔记」回看
18- - 💬 ** 发评论** — 整理结果一键发到当前视频的评论区,可开启「帮作者推广」
19- - 🎛️ ** Options 统一配置** — 提示词、模型类型、联网搜索、深度思考集中管理,对所有整理任务生效
20- - 🌙 ** 界面与设置** — 夜间模式、字体大小、行高、帧步长、自动滚动
21-
22- ## 功能演示
13+ - ** 字幕抓取** — 自动获取视频字幕,支持多语言切换
14+ - ** 视频截图与裁剪** — 一键截取视频帧,支持上一帧/下一帧微调;基于 Cropper.js 裁剪、缩放、旋转、翻转
15+ - ** 多格式导出** — SRT 字幕、Markdown 笔记
16+ - ** AI 文档整理** — 接入 DeepSeek 自动整理字幕文档,流式输出思考过程和整理结果
17+ - ** B站笔记保存** — 整理结果一键保存为 B站笔记
18+ - ** 发评论** — 整理结果一键发到当前视频的评论区
2319
2420![ 字幕抓取功能] ( docs/screenshots/demo-subtitle.png?v=2 )
2521
39354 . 开启「开发者模式」
40365 . 点击「加载已解压的扩展程序」,选择解压后的目录(包含 ` manifest.json ` 的目录)
4137
42- ### 从源码安装
43-
44- ``` bash
45- git clone https://github.com/hyglgithub/BiViNote.git
46- ```
47-
48- 然后按上述步骤 3-5 加载扩展。
49-
5038## 使用
5139
52401 . 打开 B站视频页(支持 ` /video/BV* ` 和 ` /list/* ` 页面)
53- 2 . 面板自动显示在视频页(可折叠为可拖动的圆形悬浮图标) ;工具栏图标亮起表示当前页面可用,点击工具栏图标可打开 Options 设置页
41+ 2 . 面板自动显示在视频页;工具栏图标亮起表示当前页面可用,点击工具栏图标可打开 Options 设置页
54423 . 面板自动获取当前视频字幕
55434 . 为需要的字幕/章节添加截图
56445 . 点击「下载(.md)」导出笔记
@@ -77,61 +65,11 @@ git clone https://github.com/hyglgithub/BiViNote.git
7765> ⚠️ ** 保持 DeepSeek 页面活动** :插件通过后台 DeepSeek 页面判断登录状态。若已登录 DeepSeek 但插件仍显示「未登录」,请把 ` chat.deepseek.com ` 加入浏览器的「保持活动」名单,避免后台页面被浏览器休眠:
7866> - ** Edge** :设置 → 系统和性能 → 性能 →「使这些站点保持活动状态」→ 添加 ` chat.deepseek.com `
7967> - ** Chrome** :设置 → 性能 →「始终让这些网站保持活动状态」→ 添加 ` chat.deepseek.com `
80- >
81- > Edge 用户尤其建议添加该设置。更多排查见 Options 页「常见问题」。
82-
83- > ✍️ ** B站笔记保存** :整理完成后点击「记笔记」可将结果保存为 B站笔记(需开通 B站「记笔记」权限),保存成功后按钮切换为「查看笔记」,点击即跳转查看。
8468
8569提示词可在 Options 页面自定义,支持新增自定义提示词。DeepSeek 的模型类型、联网搜索、深度思考可在 Options 页「模型设置」统一配置,对所有整理任务生效。
8670
87- ### 截图与导出
88-
89- | 按钮 | 功能 |
90- | ------| ------|
91- | 刷新 | 重新获取当前视频字幕 |
92- | 复制 | 复制全部字幕文本到剪贴板 |
93- | 导出(.srt) | 下载 SRT 格式字幕文件 |
94- | 下载(.md) | 下载 Markdown 笔记(含截图时打包 ZIP) |
95-
96- ** 截图操作**
97-
98- - 点击字幕/章节行的「截图」按钮,自动跳转到对应时间点并截取当前帧
99- - 点击缩略图打开截图浏览界面,支持拖动图片、上一帧/下一帧、下载、复制到剪贴板
100- - 浏览界面点「裁剪」进入裁剪模式(裁剪框调整、缩放、旋转、翻转);点「取消截图」移除已添加的截图
101-
102- ** 导出格式**
103-
104- 无截图时直接下载 ` .md ` 文件:
105-
106- ``` markdown
107- ---
108- title: "视频标题"
109- author: "作者名"
110- ---
111-
112- # 视频标题
113-
114- ## 章节
115-
116- - 章节一
117- - 章节二
118-
119- ## 字幕
120-
121- ### 章节一
122-
123- 字幕文本
124- ```
125-
126- 有截图时打包为 ` .zip ` ,笔记正文为 ` note.md ` ,图片统一存放在 ` assets/ ` 目录。
127-
128- > 章节/字幕时间戳可在「视频信息」页勾选控制,默认不带时间戳。
129-
13071## 技术栈
13172
132- <details >
133- <summary >展开查看</summary >
134-
13573- ** Manifest V3** — Chrome / Edge 扩展,无自建服务器,数据全部经由用户自己的浏览器获取
13674- ** DeepSeek 集成** — MAIN + ISOLATED 双世界脚本注入,SSE 流式解析(7 种事件格式),PoW 挑战求解,stop_stream 终止
13775- ** 字幕获取** — 双源 API 策略(` player/wbi/v2 ` 优先,` player/v2 ` 回退),按语言优先级排序(中文 > 英文 > 其他)
@@ -149,8 +87,6 @@ author: "作者名"
14987| ` js/subtitle.js ` · ` js/chapter.js ` | 字幕/章节的获取、渲染与跳转 |
15088| ` js/deepseek.js ` · ` js/export.js ` | AI 整理通信;SRT / Markdown / ZIP 导出 |
15189
152- </details >
153-
15490## 兼容性
15591
15692- Chrome 88+ (Manifest V3)
0 commit comments