在 B 站视频页抓取字幕、截取视频帧画面，生成带有截图的 Markdown 笔记。支持接入 DeepSeek AI 自动整理文档。
- 📝 字幕抓取 — 自动获取 B 站视频字幕，支持多语言切换
- 📷 视频截图 — 为字幕/章节添加视频帧截图，支持上一帧/下一帧微调
- ✂️ 截图裁剪 — 基于 Cropper.js 的图片裁剪、缩放、旋转、翻转
- 📋 章节支持 — 展示视频章节，按章节分段导出
- 📄 多格式导出 — SRT 字幕、Markdown 笔记（含截图时打包 ZIP）
- 🤖 AI 文档整理 — 接入 DeepSeek 自动整理字幕文档，流式输出思考过程和整理结果
- 💾 整理缓存 — 文档整理结果按视频缓存，无需重复整理
- 🔄 自动刷新 — 视频切换时自动获取新字幕
- 🎯 字幕同步 — 播放时高亮当前字幕，支持自动滚动
- 🌙 夜间模式 — 日/夜两套配色全局切换
- ⚙️ 自定义设置 — 字体大小、行高、帧步长、自动滚动等
- 🖼️ 图标状态 — 视频页图标正常显示，非视频页图标变暗
- 💬 提示词管理 — 手动/自动模式提示词，全屏编辑，支持恢复默认
📺 视频教程：BiViNote 使用教程
- 在 GitHub 的 Releases 页面下载最新的
bivinote-v*-chrome.zip包 - 解压到任意本地目录
- 打开扩展管理页：
- Chrome：
chrome://extensions/ - Edge：
edge://extensions/
- Chrome：
- 开启"开发者模式"
- 点击"加载已解压的扩展程序"
- 选择解压后的扩展目录（包含
manifest.json的目录）
git clone https://github.com/hyglgithub/BiViNote.git然后按照上述步骤 3-6 加载扩展。
- 打开 B 站视频页（支持
/video/BV*和/list/*页面） - 点击浏览器工具栏上的 BiViNote 图标打开面板（图标正常表示可用）
- 面板自动获取当前视频字幕
- 为需要的字幕/章节添加截图
- 点击「下载（.md）」导出笔记
| 标签页 | 功能 |
|---|---|
| 字幕 | 字幕列表、添加截图、复制、跳转、高亮同步 |
| 章节 | 章节列表、添加截图、复制、跳转 |
| 视频信息 | 勾选需要写入笔记的视频属性（标题/作者/日期/时长/地址/简介/时间戳） |
| 文档整理 | DeepSeek AI 自动整理（流式输出思考+结果），一键下载/复制，支持多任务并行 |
| 设置 | 字体大小、行高、帧步长、自动滚动、夜间模式、悬浮功能条、默认展开面板 |
点击「文档整理」标签页，可选择不同提示词进行整理：
- 首次使用需登录 DeepSeek（点击「打开 DeepSeek 登录」跳转）
- 选择提示词类型（文档总结/文档清洗/自定义）
- 点击「开始整理」，AI 自动处理，流式输出思考过程和整理结果
- 整理过程中可点击「停止整理」终止
- 整理完成后可下载 Markdown（含截图时打包 ZIP）、复制文本、继续在 DeepSeek 追问
- 整理结果自动缓存，同一视频无需重复整理
提示词可在 Options 页面自定义，支持新增自定义提示词。
| 按钮 | 功能 |
|---|---|
| 刷新 | 重新获取当前视频字幕 |
| 复制 | 复制全部字幕文本到剪贴板 |
| 导出（.srt） | 下载 SRT 格式字幕文件 |
| 下载（.md） | 下载 Markdown 笔记（含截图时打包 ZIP） |
- 点击字幕/章节行的「截图」按钮，自动跳转到对应时间点并截取当前帧
- 点击缩略图打开截图浏览界面
- 浏览界面支持：拖动图片、上一帧/下一帧、下载、复制到剪贴板
- 点击「裁剪」进入裁剪模式：支持裁剪框调整、缩放、旋转、翻转
- 点击「取消截图」可移除已添加的截图
纯 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 # 选项页面 - 提示词管理、文档历史
├── 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 持久化
│ └── 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 - 消息桥接
│ └── 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 降级检测
- 自动滚动控制：用户上滑暂停自动滚动，回到底部恢复
- 文档整理缓存：按视频/页码缓存整理结果，Options 页面查看历史
- 面板存活保护：setInterval 监控 + Vue 组件树恢复，应对 B站 #app 替换
- Chrome 88+ (Manifest V3)
- Edge 88+ (Manifest V3)
▎ 用户自负责任条款：本工具仅在用户已登录 B 站、且有访问权限的前提下获取数据。所有数据通过用户自己的浏览器获取，不经过任何第三方服务器。本工具不存储、不分发任何 B 站内容。使用本工具产生的所有后果由用户自行承担。请遵守 B 站用户协议与相关法律法规。