AIGC EXHIBITIONS / CHROME 插件
划词发音英文单词怎么念
A Chrome extension that answers “how do I say this?” — not just “what does this mean?”
Select an English word on any page to get its Chinese definition, IPA, syllable breakdown, stress marker, and text-to-speech at two speeds.
划选网页上的英文单词，立刻看到中文释义 + 国际音标 + 音节切分 + 重音位置，并可常速或慢速跟读。
为什么做这个
市面上的划词工具（沉浸式翻译等）已经把「看懂」这件事解决得很好了，但它们的发音基本都是一个附带的小喇叭：点一下，念一遍，念完就没了。你听过了，但下次开会还是不敢开口。
我自己的真实场景是：术语的意思查得到，读音查不到。cache 到底读 "cash" 还是 "ca-shay"，Kubernetes 是三个音节还是四个音节，SaaS 是拼字母还是当一个词念——这些在会议里一开口就暴露，但没有工具专门解决。
所以这个扩展不做通用翻译，专攻「怎么读」：
| 别的工具 | 这个扩展 |
|---|---|
| 给你意思 | 给你意思和读法 |
| 一个小喇叭念一遍 | 音标 + 音节切分 + 重音高亮 + 常速/慢速 |
| 泛用词库 | 人工标注的技术术语读音表 |
定位上不与翻译工具竞争，而是补上它们没覆盖的那一块。
功能
- 划词即出卡片 — 选中英文单词，卡片浮现在选区旁边
- 读音四件套 — 国际音标、音节切分、重音位置高亮、易错点提醒
- 两档朗读 — 常速听自然语流，慢速逐音节跟读
- 音色可切换 — 列出你电脑上所有英语音色并按音质排序，可试听后选定
- 生词本 — 存下查过的词，支持导出 CSV
- 词表外兜底 — 不在术语表里的词走浏览器内置翻译，并明确标注「暂无音标」
核心资产：术语读音表
这个项目真正花时间的地方不是代码，是词表。每一条都是手工标注的：
"kubernetes": {
ipa: "/ˌkuːbərˈnetiːz/",
syl: ["koo", "ber", "NET", "eez"], // 音节切分
stress: 2, // 重音落在第 3 个音节
zh: "容器编排系统",
tip: "四个音节，别读成三个", // 易错点提醒
say: "koo ber net eez" // 喂给朗读引擎的拼写
}say 字段是单独设计的：像 SaaS、JWT、nginx 这类词，直接丢给语音引擎会念出很奇怪的东西，所以要额外提供一份「怎么念」的拼写。
词表按十个主题分区：易读错的常见词、AI / 大模型、工程 / 技术、缩写词（读字母还是读单词）、产品 / 增长、设计 / UX、数据 / 统计、云计算 / DevOps、安全、前端 / 编程语言。
加词只需改 glossary.js，不用碰任何逻辑代码。
技术选型
| 选择 | 原因 |
|---|---|
| Manifest V3 | Chrome 扩展当前标准 |
speechSynthesis（浏览器内置） | 免费、离线可用、无需任何 API key |
| Shadow DOM 渲染卡片 | 与宿主页面样式完全隔离，不会被网页 CSS 污染 |
chrome.storage.local | 生词本与音色偏好本地存储，不上传任何数据 |
| Chrome 内置 Translator API | 词表外的词兜底翻译，不可用时自动降级 |
一条贯穿始终的原则：只依赖浏览器标准 API，不依赖任何具体网站的 DOM 结构。
这是选型阶段就定下的标准。依赖某个网站的 class 名，对方一改版就坏，一年要修五到十次；依赖浏览器标准 API，几乎零维护。这个项目没有服务器、没有第三方接口、没有运行成本。
安装
从 Chrome 应用商店安装（上架后补链接）
或本地加载：
- 下载本仓库（Code → Download ZIP）并解压
- 打开
chrome://extensions/ - 右上角开启「开发者模式」
- 点「加载已解压的扩展程序」，选择解压后的文件夹
使用
在任意网页上用鼠标划选一个英文单词（最多三个词），松开鼠标即弹出卡片。
点扩展图标可打开生词本，在顶部切换发音音色。
关于发音音色
朗读用的是操作系统提供的语音引擎，音质取决于你电脑装了哪些语音包。系统自带的英语音色通常是压缩过的老版本，机械感较重。
想要更接近真人的发音：
- macOS — 系统设置 → 辅助功能 → 朗读内容 → 系统语音 → 管理语音，下载带「增强」或「高级」标记的英语音色
- Windows — 设置 → 时间和语言 → 语音 → 添加语音
装好后重启浏览器，在生词本顶部的下拉菜单里即可选到。
隐私
不收集、不上传任何数据。生词本和设置都存在浏览器本地，卸载即清空。
版本记录
- v1.2.0 — 朗读状态反馈（加载中 / 播放中 / 完成）
- v1.1.0 — 生词本内可切换发音音色
- v1.0.0 — 首个可用版本
作者
Jerry-ze · AI 产品经理
从需求洞察、词表建设到功能实现独立完成。欢迎提 Issue 补充词条或反馈读音标注错误。