看到最近大家学习英语积极性这么高，分享一个刚做的双语字幕画中画扩展

最近在 V2EX 看到很多朋友都在讨论英语学习，正好我刚完成了一个视频学习相关的 Chrome 扩展 DualPiP，想分享给大家试试。

扩展功能简介

DualPiP 是一个增强版的画中画播放器，主要解决了浏览器原生画中画功能的限制：

核心功能：

• 增强画中画模式 - 支持主流视频网站一键弹出，带完整播放控制
• 双语字幕显示 - 自动检测并显示双语字幕，特别适合语言学习
• 缩略图预览 - 进度条悬停显示视频缩略图，快速定位内容
• 弹幕支持 - 支持 B 站、NicoVideo 等平台的弹幕显示
• 快捷键控制 - 丰富的快捷键设置

网站支持情况

在开发过程中，我主要参考了两个资源来确保兼容性：

1. 沉浸式翻译的双语字幕需求汇总 - 这里列出了 200+ 个视频网站，绝大部分我们都已经测试支持
2. 国外主流动漫流媒体网站 - 覆盖了主要的国外动漫流媒体视频平台

当前版本与后续计划

当前版本（ v1.0 ）：

• 免费提供基础画中画功能
• 支持免费机器翻译引擎（ Google 、Microsoft 、Yandex ）
• 基础双语字幕和弹幕支持

下阶段重点开发：

• AI 翻译集成 - 提供更准确的翻译质量
• 弹幕自定义设置 - 字体、颜色、位置等个性化配置
• 更多字幕格式支持

技术实现

基于 Chrome 的 Document Picture-in-Picture API 。

下载体验

扩展已上架 Chrome 网上应用店：

https://chromewebstore.google.com/detail/ddkmobcljbfggkmibabekgpbighaogpn

为什么要做这个扩展？

可能有朋友会问，沉浸式翻译不是已经支持视频双语字幕了吗？确实，沉浸式翻译在这方面做得很好，但我们的 DualPiP 有两个核心差异化优势：

1. 画中画模式的独特优势

• 真正的多任务处理：可以边看视频边做其他工作，视频始终保持在最前端
• 独立窗口控制：画中画窗口可以自由调整大小和位置，不受浏览器标签页限制
• 专注学习体验：避免浏览器其他标签页的干扰，更适合长时间学习
• 跨应用使用：即使切换到其他应用程序，视频依然可见

2. 更强的字幕自动检测能力

• 深度网站适配：针对 200+ 视频网站进行了专门的字幕检测优化
• 多种字幕格式支持：支持网页字幕，SRT 、VTT 等外挂字幕和 Video TextTrack

简单来说，如果你主要在浏览器内看视频学习，沉浸式翻译很棒；但如果你需要边看边做其他事情，或者希望有更专注的学习环境，DualPiP 会是更好的选择。

作为一个开发者，做这个扩展的初衷就是自己在看 YouTube 学习视频时总觉得原生画中画功能太简陋，而且经常需要边看边记笔记或查资料。DualPiP 和沉浸式翻译其实可以很好地互补使用 在浏览器内用沉浸式翻译，需要专注学习时用 DualPiP 。

如果大家在使用过程中有任何建议或遇到问题，欢迎反馈，我会持续优化。

希望对正在学习英语或其他语言的朋友有帮助！