把刷 B 站变成低打扰英语输入:用 SOLO 做了一个字幕背单词浏览器扩展

## 正文

我用 TRAE SOLO 做了一个 Chrome / Edge 浏览器扩展:Bilibili Subtitle Vocabulary Extension。它可以在 Bilibili 和 YouTube 字幕中低打扰插入英文词汇,让用户在看视频时自然接触、收藏和复习单词。

我做这个项目的原因很简单:传统背单词 App 需要主动打开,和真实语境割裂;而视频字幕本身就是很好的语言输入场景。所以我希望把“背单词”从一个独立任务,变成看视频时顺手发生的微学习事件。

实现过程中,我把任务拆成了几个模块:字幕解析、词库匹配、替换策略、tooltip 反馈、生词本、复习弹幕、Popup、Options、视频内 Overlay、权限控制和测试发布。SOLO 帮我从需求拆解到代码实现,再到 bug 修复和测试补齐,持续推进这个项目从 demo 变成可安装使用的浏览器扩展。

项目目前支持 CET4、CET6、考研、IELTS、TOEFL 多级词库;可以按替换比例、单句上限和 CEFR 目标控制学习强度;hover 单词可以查看释义、音标、词性和原句;用户可以标记认识、模糊、不认识、收藏、跳过或替换不合理;收藏词会进入生词本,并能通过 Popup 快速复习或以弹幕形式重新出现。

我比较满意的几个点是:

1. 它不是整句翻译,而是低密度词汇插入,尽量不破坏观看体验;

2. 它有学习反馈闭环,用户操作会影响后续替换策略;

3. 它把 B 站弹幕文化变成了复习机制;

4. 它没有自有服务器,不需要账号,不上传学习数据;

5. 默认只注入 Bilibili 和 YouTube,其他站点必须主动授权;

6. 项目有单元测试、UI 测试、浏览器扩展 smoke 测试、zip smoke 和 release check。

这次实践最大的收获是:AI 编程不只是帮我写某段代码,而是帮我把一个真实场景拆成可落地的产品和工程流程。通过“拆解、实现、验证、修复、再验证”的循环,一个个人想法也可以逐步变成完整工具。

项目地址:https://github.com/242282218/Bilibili-Subtitle-Vocabulary-Extension

:ox::+1:

1 个赞

这想法有点意思
我试过把字幕当材料学英语
效果一般但挺新奇的
这怎么实现的,感觉挺复杂

1 个赞