我刚完成了一个 双语字幕画中画的 Chrome 扩展 —— DualPiP，想分享给大家试试。
扩展功能简介
DualPiP 是一个增强版的画中画播放器，主要解决了浏览器原生画中画功能的限制：
核心功能：
增强画中画模式 - 支持主流视频网站一键弹出，带完整播放控制
双语字幕显示 - 自动检测并显示双语字幕，特别适合语言学习
缩略图预览 - 进度条悬停显示视频缩略图，快速定位内容
弹幕支持 - 支持 B 站、NicoVideo 等平台的弹幕显示
快捷键控制 - 丰富的快捷键设置
隐私优先 - 所有功能本地运行，不收集用户数据
网站支持情况
在开发过程中，我主要参考了两个资源来确保兼容性：
- 沉浸式翻译的双语字幕需求汇总 - 这里列出了 200+ 个视频网站，绝大部分我们都已经测试支持
- 国外主流动漫流媒体网站 - 覆盖了主要的国外动漫流媒体视频平台
目前已支持：YouTube、Netflix、Bilibili、爱奇艺、腾讯视频、优酷、Coursera、Udemy、Khan Academy 等主流平台。
当前版本与后续计划
当前版本（v1.0）：
- 免费提供基础画中画功能
- 支持免费机器翻译引擎（Google、Microsoft、Yandex）
- 基础双语字幕和弹幕支持
下阶段重点开发：
AI 翻译集成 - 提供更准确的翻译质量
弹幕自定义设置 - 字体、颜色、位置等个性化配置
更多字幕格式支持 - 扩展 SRT、ASS 等字幕格式的兼容性
技术实现
基于 Chrome 的 Document Picture-in-Picture API，突破了原生画中画的功能限制。所有数据处理都在本地进行，确保用户隐私安全。
下载体验
扩展已上架 Chrome 网上应用店：
DualPiP – 双语字幕画中画视频播放器
国内镜像站下载
DualPiP – 双语字幕画中画视频播放器 - crxsoso
为什么要做这个扩展？
可能有朋友会问，沉浸式翻译不是已经支持视频双语字幕了吗？确实，沉浸式翻译在这方面做得很好，但我们的 DualPiP 有两个核心差异化优势：
1. 画中画模式的独特优势
- 真正的多任务处理：可以边看视频边做其他工作，视频始终保持在最前端
- 独立窗口控制：画中画窗口可以自由调整大小和位置，不受浏览器标签页限制
- 专注学习体验：避免浏览器其他标签页的干扰，更适合长时间学习
- 跨应用使用：即使切换到其他应用程序，视频依然可见
2. 更强的字幕自动检测能力
- 深度网站适配：针对 200+ 视频网站进行了专门的字幕检测优化
- 多种字幕格式支持：支持网页字幕、SRT、VTT 等外挂字幕和 Video TextTrack
- 实时字幕同步：在画中画模式下保持字幕与视频的完美同步
- 弹幕集成：将弹幕作为学习辅助工具，增加语言学习的趣味性
简单来说，如果你主要在浏览器内看视频学习，沉浸式翻译很棒；但如果你需要边看边做其他事情，或者希望有更专注的学习环境，DualPiP 会是更好的选择。
使用场景
特别适合以下用户群体：
- 语言学习者 - 双语字幕 + 画中画，边学边记笔记
- 在线课程学习者 - 边看网课边操作软件实践
- 多任务工作者 - 需要同时处理多个任务的效率党
- 动漫爱好者 - 支持弹幕的画中画观看体验
作为一个开发者，做这个扩展的初衷就是自己在看 YouTube 学习视频时总觉得原生画中画功能太简陋，而且经常需要边看边记笔记或查资料。DualPiP 和沉浸式翻译其实可以很好地互补使用 —— 在浏览器内用沉浸式翻译，需要专注学习时用 DualPiP。
如果大家在使用过程中有任何建议或遇到问题，欢迎反馈，我会持续优化。希望这个小工具能帮到正在学习英语或其他语言的朋友们！
标签： chrome, web, 学习工具, 画中画, 双语字幕