字
字节笔记本
2026年6月6日
Read Frog:开源 AI 驱动浏览器沉浸式翻译扩展
API中转
¥120
本文介绍 Read Frog(陪读蛙),一款开源的 AI 驱动的浏览器语言学习扩展。它支持沉浸式翻译、划词翻译、上下文感知翻译、YouTube 字幕翻译、文字转语音等功能,帮助你利用 AI 在浏览器中轻松深入地掌握语言。
项目简介
Read Frog 是由 mengxi-ream 开发维护的开源浏览器扩展项目。截至目前,该项目在 GitHub 上已获得 7.6k stars,拥有 824 次提交和 173 个发布版本,主要使用 TypeScript 编写。项目采用 GPL-3.0 开源协议,同时提供商业授权选项。
Read Frog 的愿景是为各个级别的语言学习者提供易于使用、智能化和个性化的语言学习体验,让世界不再依赖人类语言教师。
核心特性
- 双语 / 仅译文切换:在双语对照和纯译文模式之间无缝切换,切换时自动重新翻译所有可见内容,无需刷新页面
- 划词翻译:选中网页任意文本,显示智能工具栏,支持实时流式翻译、AI 解释和文字朗读
- 上下文感知翻译:提取页面标题和 Markdown 内容作为上下文,让 AI 理解完整语境,技术术语和文学表达都能准确翻译
- YouTube 字幕翻译:直接在视频播放器中翻译 YouTube 字幕,双语对照显示
- 文字转语音 (TTS):基于 Edge TTS,完全免费,150+ 种语音覆盖 80+ 种语言,支持语速、音调、音量调节和智能句子分块
- 批量请求:智能合并多个翻译请求为单次 API 调用,节省高达 70% 的 API 成本,支持指数退避重试和自动回退
- 20+ AI 服务商:通过 Vercel AI SDK 连接 OpenAI、DeepSeek、Anthropic Claude、Google Gemini、xAI Grok、Groq、Mistral、Ollama 等,另有 Google 翻译、微软翻译和 DeepLX 免费选项
技术栈
- TypeScript - 主要开发语言,占比 99.4%
- React - UI 框架
- WXT - 浏览器扩展开发框架
- Vercel AI SDK - AI 服务商统一接入层
- Edge TTS - 免费文字转语音引擎
- shadcn/ui - UI 组件库(基于 components.json)
- Vitest - 单元测试
- Changesets - 版本管理和发布
安装指南
Read Frog 支持 Chrome、Edge 和 Firefox 三大浏览器,直接从应用商店安装即可。
浏览器安装
| 浏览器 | 下载地址 |
|---|---|
| Chrome | Chrome 应用商店 或 中国镜像 |
| Edge | Microsoft Edge 插件商店 |
| Firefox | Firefox 附加组件 |
从源码构建
bash
# 克隆仓库
git clone https://github.com/mengxi-ream/read-frog.git
cd read-frog
# 安装依赖
pnpm install
# 构建扩展
pnpm build使用示例
场景 1:沉浸式双语阅读
安装扩展后,打开任意外文网页,点击扩展图标即可激活翻译。默认使用双语模式,原文和译文上下对照显示,方便阅读和学习。
场景 2:划词翻译 + AI 解释
阅读时选中不认识的单词或句子,弹出的智能工具栏提供三个功能:Translate 实时翻译、Explain 提供详细解释(根据你的语言水平调整)、Speak 朗读发音。
场景 3:观看 YouTube 外语视频
打开 YouTube 外语视频,Read Frog 会自动识别字幕并显示双语翻译。支持语速调节,适合通过影视内容学习语言。
配置说明
AI 服务商配置
进入扩展设置页面,可添加多个 AI 服务商的 API Key:
- 支持 OpenAI、DeepSeek、Claude、Gemini、Grok 等 20+ 服务商
- 每个服务商可自定义端点、模型和参数
- 可设置优先级,免费翻译服务作为兜底
TTS 语音设置
- 支持 150+ 种语音,覆盖 80+ 种语言
- 自动语言检测(基础模式或 LLM 驱动)
- 按语言映射默认语音
- 调节语速(Rate)、音调(Pitch)和音量(Volume)
社区与贡献
- Discord:加入 Discord 服务器 提问和交流
- 微信群:中国大陆用户可关注公众号加入微信群
- 贡献代码:查看贡献指南
- 问题反馈:在 GitHub Issues 提交
项目链接
分享: