Web Speech API-语音合成

最新推荐文章于 2026-05-24 11:19:23 发布

原创

最新推荐文章于 2026-05-24 11:19:23 发布 · 2.1k 阅读

标签

#前端 #语音识别 #人工智能

收录于

本文介绍了Web Speech API的使用，重点在于语音合成功能。通过SpeechSynthesis接口，开发者可以将文本转化为语音输出，适用于网页文字转语音播放等场景。文章详细讲解了如何创建和控制语音合成，包括设置语种、音量等，并提供了Vue2环境下的代码示例。同时，注意到getVoices方法的异步特性。最后，作者分享了一份JavaScript与ES的笔记供读者学习。

使用场景

通过 TTS 引擎把文本转化成语音输出，web使用在网页文字转语音播放、页面阅读等功能上

依赖windows的TTS引擎

知识点

Web Speech API 使您能够将语音数据合并到 Web 应用程序中。 Web Speech API 有两个部分：SpeechSynthesis 语音合成（文本到语音 TTS）和 SpeechRecognition 语音识别（异步语音识别）。

API 包含以下两个部分：

-语音识别：通过 SpeechRecognition 接口进行访问，它提供了识别从音频输入（通常是设备默认的语音识别服务）中识别语音情景的能力。一般来说，你将使用该接口的构造函数来构造一个新的 SpeechRecognition 对象，该对象包含了一系列有效的对象处理函数来检测识别设备麦克风中的语音输入。