ByteNoteByteNote

字节笔记本

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 三大浏览器,直接从应用商店安装即可。

浏览器安装

从源码构建

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)

社区与贡献

项目链接

分享: