开源了一个浏览器字幕翻译插件：AI Subtitle Translater

起因

我经常看视频的一个网站，之前一直用「沉浸式翻译」来翻译字幕，体验一直很好。但有一天突然发现，沉浸式翻译不再支持那个网站了，我跟他们客服反应了这个问题，解释就是这个网站不在他们的支持列表里，我可以反馈，需要我回去等待他们技术人员去支持。网站还在，英文字幕还在，但中文翻译翻译却没了，极大影响了我的使用体验。

这对我来说是个不小的困扰——我日常观看的很多英文播客都依赖字幕翻译。

自己动手

自从有了claude code之后，我的“拎着锄头自己上”的冲动经常按耐不住。我开始自己研究那个网站字幕的显示原理，如何下载，如何渲染。万变不离其宗，chrome视频字幕本质上也是通过网络请求获取的数据，在浏览器端渲染出来的。于是我想到，能不能在字幕数据到达页面之前，先把它拦截下来翻译好，再注入回去？

顺着这个思路，我写了一个 Chrome 浏览器插件，实现了：

• 动态拦截字幕流：分析浏览器获取视频和获取字幕的方式，提取字幕数据，并保存下来。
• 实时翻译与回注：将截取到的字幕内容翻译成中文后，同时展示原文和译文，实现真正的双语字幕体验。
• 多翻译引擎自动降级：默认使用谷歌翻译，如果触发了频率限制，会自动无缝切换到微软 Bing、MyMemory 或 Lingva，不会出现翻译中断的情况。

发现方案是通用的

开发完成后，我发现这套逻辑其实是通用的——它并不依赖某个特定网站的结构。于是我把同样的方案移植到了 YouTube 上试了试，发现也完全没有问题。

这让我意识到，这个插件完全可以作为一个通用的浏览器字幕翻译工具来用。

开源

今天我把这个插件整理了一下，开源到了 GitHub：

👉 https://github.com/muwe/ai_subtitle_translater

它是一个纯前端的 Chrome 扩展，不需要任何后端服务，安装方式也很简单：下载代码 → 打开 chrome://extensions/ → 开启开发者模式 → 加载已解压的扩展程序，就可以用了。

如果你也有类似的字幕翻译需求，欢迎试用和反馈。项目采用 MIT 协议，也欢迎贡献代码。