菜鸟AI - 让提示词生成更简单! 全站导航 全站导航
AI工具安装 新手教程 进阶教程 辅助资源 AI提示词 热点资讯 技术资讯 产业资讯 内容生成 模型技术 AI信息库

已有账号?

首页 > 资讯 > 火狐浏览器阅读模式语音朗读:本地听书功能完整教程
游戏资讯 火狐浏览器 本地听书功能完整

火狐浏览器阅读模式语音朗读:本地听书功能完整教程

2026-06-03
阅读 0
热度 0
作者 菜鸟AI编辑部
摘要

摘要

火狐桌面版阅读模式未提供语音朗读按钮,需通过开发者工具执行JavaScript代码调用系统TTS

别在阅读模式里找“播放”按钮了——火狐从未将这个功能嵌入界面。若想在阅读模式下听取网页内容,必须手动操作:通过开发者工具执行一段JavaScript代码,前提是操作系统已安装可用的中文语音引擎。

Firefox 阅读模式下如何触发语音朗读?

这个问题确实反直觉。火狐浏览器确实内置了阅读模式(Reader View),底层也支持Web Speech API的语音合成,但桌面版始终没有提供一键播放的按钮。你需要手动启用、配置并执行一条JS命令,才能让它发声。

为什么开启阅读模式后看不到“播放”按钮?

这是最常见的误区。截至2026年5月,Firefox 桌面版(Windows/macOS/Linux)从未在用户界面中加入过语音朗读控件。无论是否进入Reader View,都不会看到类似Safari的「▶」或Edge的「大声朗读」图标。一句话:别找了,它不存在。

  • 该功能仅存在于 Firefox for Android(部分版本),且依赖系统TTS引擎
  • 桌面端必须借助开发者工具 + 手动执行JS调用 speechSynthesis
  • 即便调用成功,如果系统未安装中文语音(例如Windows的「微软晓晓」未启用,或macOS未勾选「Ting-Ting」),要么无声,要么直接报错 Uncaught TypeError: Cannot read properties of undefined (reading 'speak')

如何用 JavaScript 在阅读模式中启动本地语音朗读?

操作不复杂,但有几个关键细节。进入阅读模式后(地址栏会变成书本图标),按 F12 打开开发者工具,切换到 Console 标签页,粘贴并运行以下代码(已适配中文):

const text = document.querySelector('article')?.innerText || document.body.innerText;
const utterance = new SpeechSynthesisUtterance(text);
utterance.lang = 'zh-CN';
utterance.rate = 0.9;
utterance.pitch = 1;
window.speechSynthesis.speak(utterance);

几个容易翻车的地方:

  • document.querySelector('article') 是阅读模式下正文的典型容器,如果失败,回退用 document.body.innerText
  • utterance.lang 必须与系统已启用的语音包语言严格匹配——Windows在「设置 > 时间和语言 > 语音 > 管理语音」查看;macOS在「系统设置 > 辅助功能 > 语音」勾选
  • 首次运行可能被浏览器拦截,需要在地址栏点击小喇叭图标,选择「允许使用语音合成」
  • 朗读中途想暂停?在Console输入 window.speechSynthesis.pause();继续用 resume();停止用 cancel()

哪些系统语音引擎实际可用?

Firefox不自带语音数据,全靠操作系统级的TTS引擎。不同平台的组合效果差异很大:

  • Windows 10/11:启用「微软晓晓」或「云希」后,lang='zh-CN' 可以正常朗读;旧版「Zira」「David」只支持英文
  • macOS:系统自带「Ting-Ting」(粤语)、「Mei-Jia」(简体中文),需在「语音」设置中勾选「允许语音识别」并下载对应语音
  • Linux(如Ubuntu):默认无可用中文语音,需自行安装 festival + mbrola 或配置 eSpeak-ng,但Firefox通常调用失败,实测成功率极低
  • Chrome浏览器也能用这套JS,但Firefox对 speechSynthesis.getVoices() 响应更慢,建议先执行一次 speechSynthesis.getVoices() 等列表加载完成再朗读

真正能稳定用起来的,只有两组:Windows + 微软晓晓,以及 macOS + Mei-Jia。其他路径要么没声音,要么直接报错 No voices available,别在这上面浪费时间。

来源:互联网

免责声明

本网站新闻资讯均来自公开渠道,力求准确但不保证绝对无误,内容观点仅代表作者本人,与本站无关。若涉及侵权,请联系我们处理。本站保留对声明的修改权,最终解释权归本站所有。

同类文章推荐

相关文章推荐

更多