BiViNote|B站视频字幕笔记

GitHub all releases downloads GitHub release License

在 B 站视频页抓取字幕、截取视频帧画面,生成带有截图的 Markdown 笔记。支持接入 DeepSeek AI 自动整理文档。

• 📝 字幕抓取 — 自动获取 B 站视频字幕,支持多语言切换
• 📷 视频截图 — 为字幕/章节添加视频帧截图,支持上一帧/下一帧微调
• ✂️ 截图裁剪 — 基于 Cropper.js 的图片裁剪、缩放、旋转、翻转
• 📋 章节支持 — 展示视频章节,按章节分段导出
• 📄 多格式导出 — SRT 字幕、Markdown 笔记(含截图时打包 ZIP)
• 🤖 AI 文档整理 — 接入 DeepSeek 自动整理字幕文档,流式输出思考过程和整理结果
• 💾 整理缓存 — 文档整理结果按视频缓存,无需重复整理
• ✍️ B站笔记保存 — 整理结果一键保存为 B站笔记,随时「查看笔记」回看
• 💬 发评论 — 整理结果一键发到当前视频的评论区,可开启「帮作者推广」自动附【BiViNote插件分享】
• 🎛️ 全局模型配置 — Options 统一设置 DeepSeek 模型、联网搜索与深度思考,对所有整理任务生效
• ❓ Options 常见问题 — 内置 FAQ 文档(登录状态异常等),随扩展同步维护
• 🔄 自动刷新 — 视频切换时自动获取新字幕
• 🎯 字幕同步 — 播放时高亮当前字幕,支持自动滚动
• 🌙 夜间模式 — 日/夜两套配色全局切换
• ⚙️ 自定义设置 — 字体大小、行高、帧步长、自动滚动等
• 🖼️ 图标状态 — 视频页图标正常显示,非视频页图标变暗
• 💬 提示词管理 — 视频总结/内容整理/B站专属笔记/自定义提示词,Options 全屏编辑,支持恢复默认

字幕抓取功能

文档整理功能

📺 视频教程:BiViNote 使用教程

1. 在 GitHub 的 Releases 页面下载最新的 bivinote-v*-chrome.zip 包
2. 解压到任意本地目录
3. 打开扩展管理页:
   • Chrome:chrome://extensions/
   • Edge:edge://extensions/
4. 开启"开发者模式"
5. 点击"加载已解压的扩展程序"
6. 选择解压后的扩展目录(包含 manifest.json 的目录)

git clone https://github.com/hyglgithub/BiViNote.git

然后按照上述步骤 3-6 加载扩展。

1. 打开 B 站视频页(支持 /video/BV* 和 /list/* 页面)
2. 面板会自动显示在视频页(可折叠为可拖动的圆形悬浮图标);工具栏图标亮起表示当前页面可用,点击工具栏图标可打开 Options 设置页
3. 面板自动获取当前视频字幕
4. 为需要的字幕/章节添加截图
5. 点击「下载(.md)」导出笔记

点击「文档整理」标签页,可选择不同提示词进行整理:

1. 首次使用需登录 DeepSeek(点击「打开 DeepSeek 登录」跳转)
2. 选择提示词类型(视频总结/内容整理/B站专属笔记/自定义)
3. 点击「开始整理」,AI 自动处理,流式输出思考过程和整理结果
4. 整理过程中可点击「停止整理」终止
5. 整理完成后可下载 Markdown(含截图时打包 ZIP)、复制文本、继续在 DeepSeek 追问
6. 整理结果自动缓存,同一视频无需重复整理

⚠️ 保持 DeepSeek 页面活动:插件通过后台 DeepSeek 页面判断登录状态。若已登录 DeepSeek 但插件仍显示「未登录」,请把 chat.deepseek.com 加入浏览器的「保持活动」名单,避免后台页面被浏览器休眠:

• Edge:设置 → 系统和性能 → 性能 →「使这些站点保持活动状态」→ 添加 chat.deepseek.com
• Chrome:设置 → 性能 →「始终让这些网站保持活动状态」→ 添加 chat.deepseek.com

Edge 用户尤其建议添加该设置。更多排查见 Options 页「常见问题」。

B站笔记保存:整理完成后点击「记笔记」可将结果保存为 B站笔记(需开通 B站「记笔记」权限),保存成功后按钮切换为「查看笔记」,点击即跳转查看。

提示词可在 Options 页面自定义,支持新增自定义提示词。 DeepSeek 的模型类型、联网搜索、深度思考可在 Options 页「模型设置」统一配置,对所有整理任务生效。

• 点击字幕/章节行的「截图」按钮,自动跳转到对应时间点并截取当前帧
• 点击缩略图打开截图浏览界面
• 浏览界面支持:拖动图片、上一帧/下一帧、下载、复制到剪贴板
• 点击「裁剪」进入裁剪模式:支持裁剪框调整、缩放、旋转、翻转
• 点击「取消截图」可移除已添加的截图

纯 Markdown(无截图时直接下载 .md 文件)

---
title: "视频标题"
author: "作者名"
---
# 视频标题
## 章节
- 章节一
- 章节二
## 字幕
### 章节一
字幕文本

含截图(有截图时打包为 .zip)

note.zip
├── note.md
└── assets/
 ├── 0009.png
 ├── chapter-1.png
 └── ...

章节/字幕时间戳可在「视频信息」页勾选控制,默认不带时间戳。

BiViNote/
├── manifest.json # 扩展配置 (Manifest V3)
├── background.js # Service Worker - API 代理、图标状态、SSE 处理、DeepSeek 通信
├── content.js # 入口脚本 - 面板注入、路由监听、视频切换检测
├── options.html # 选项页面 - 提示词管理、模型设置、文档历史、常见问题
├── FAQ.md # 常见问题内容源(Options 常见问题 页运行时加载,随发布打包)
├── js/
│ ├── state.js # 全局状态管理
│ ├── panel.js # 面板 UI - 标签页、折叠、拖动、设置、提示词管理、文档整理
│ ├── subtitle.js # 字幕 - 获取、渲染、高亮同步、跳转
│ ├── chapter.js # 章节 - 获取、渲染、跳转
│ ├── video-info.js # 视频信息展示
│ ├── capture.js # 截图 - OffscreenCanvas、保存、剪贴板
│ ├── crop-viewer.js # 截图浏览 - Cropper.js 裁剪、缩放、旋转、翻转
│ ├── export.js # 导出 - SRT、Markdown、ZIP
│ ├── deepseek.js # DeepSeek 通信模块 - 状态机、chunk 处理、请求生命周期
│ ├── options.js # Options 页面 - 提示词管理、模型设置、文档历史、常见问题渲染
│ ├── cache.js # 文档整理缓存 - chrome.storage.local 持久化
│ ├── bili-note.js # B站笔记 - 笔记内容持久化与保存逻辑
│ ├── comment.js # 发评论 - 整理结果转纯文本发布到评论区
│ └── settings.js # 设置 - chrome.storage.local 持久化
├── css/
│ └── panel.css # 面板样式(含暗色主题)
├── libs/
│ ├── jszip.min.js # ZIP 打包库
│ ├── cropper.min.js # Cropper.js 裁剪库
│ ├── cropper.min.css
│ ├── deepseek-api.js # DeepSeek MAIN world - PoW、completion、stop_stream
│ ├── deepseek-bridge.js # DeepSeek ISOLATED world - 消息桥接
│ ├── bili-markup.js # B站笔记 bili-markup 解析器
│ └── wasm-solver.js # DeepSeek PoW WASM 求解器
└── icons/ # 扩展图标(正常 + 变暗状态)

• Manifest V3 Chrome 扩展
• 双源 API 策略:优先 player/wbi/v2(aid),回退 player/v2(bvid)
• 字幕轨道排序:按语言优先级稳定排序(中文 > 英文 > 其他)
• SPA 路由监听:MutationObserver 检测 URL 变化,自动刷新
• CORS 处理:CDN 域名使用 credentials: 'omit'
• 图标状态:根据页面类型动态切换正常/变暗图标
• 事件委托:单次绑定避免监听器泄漏
• 请求取消:fetchRunId 机制防止过期请求污染状态
• 截图裁剪:基于 Cropper.js,支持裁剪、缩放、旋转、翻转
• 折叠面板:可拖动圆形图标,点击展开,功能菜单快捷操作
• DeepSeek 集成:多世界脚本注入(MAIN + ISOLATED)、SSE 流式解析(7 种事件格式)、PoW 挑战求解、stop_stream 终止、cookie 降级检测、官方客户端 v2.4.0 适配
• B站笔记保存:bili-markup 解析、笔记内容持久化、MAIN world 保存 handler
• 自动滚动控制:用户上滑暂停自动滚动,回到底部恢复
• 文档整理缓存:按视频/页码缓存整理结果,Options 页面查看历史
• 面板存活保护:setInterval 监控 + Vue 组件树恢复,应对 B站 #app 替换

• Chrome 88+ (Manifest V3)
• Edge 88+ (Manifest V3)

MIT

▎ 用户自负责任条款:本工具仅在用户已登录 B 站、且有访问权限的前提下获取数据。所有数据通过用户自己的浏览器获取,不经过任何第三方服务器。本工具不存储、不分发任何 B 站内容。使用本工具产生的所有后果由用户自行承担。请遵守 B 站用户协议与相关法律法规。