简介
speech-js 是一个基于浏览器的 JavaScript 库，可以实现文本转语音的功能。该库支持多种语音引擎，包括 Google TTS API、IBM Watson、Microsoft Text-to-Speech API 等。在前端开发中， speech-js 可以帮助开发人员实现语音播报、语音输入等功能。
安装
在使用 speech-js 之前，需要先安装该库。可以通过 npm 进行安装，也可以手动下载库的源代码。
通过 npm 安装：
npm install speech-js
手动下载：
从 GitHub 下载 speech-js 的源代码，然后在 HTML 文件中引入。
<script src="path/to/speech.js"></script>
使用
speech-js 提供了简单易用的 API，可以方便地实现文本转语音的功能。下面介绍 speech-js 的常用方法。
创建 TTS 实例
要使用 speech-js，需要创建一个 TTS 实例。可以通过传入一个包含参数的对象，创建一个 TTS 实例。
const tts = new speechjs.TTS({
lang: 'en-US',
engine: 'google',
voice: {
name: 'en-US-Wavenet-A',
},
});在上面的代码中，通过传入一个包含参数的对象，创建了一个名为 tts 的 TTS 实例。其中，参数 lang 表示语音转换的目标语言，engine 表示语音引擎，voice 表示选定的语音。
播放语音
创建 TTS 实例后，可以通过调用 play 方法，将文本播放成语音。
tts.play('Hello, world!');在上面的代码中，调用了 TTS 实例 tts 的 play 方法，并将字符串 'Hello, world!' 作为参数传入。该方法会将字符串转换为语音，并播放出来。
暂停语音
调用 TTS 实例的 pause 方法，可以暂停正在播放的语音。
tts.pause();
在上面的代码中，调用了 TTS 实例 tts 的 pause 方法，将正在播放的语音暂停。
继续语音
调用 TTS 实例的 resume 方法，可以继续正在播放的语音。
tts.resume();
在上面的代码中，调用了 TTS 实例 tts 的 resume 方法，将暂停的语音继续播放。
停止语音
调用 TTS 实例的 stop 方法，可以停止正在播放的语音。
tts.stop();
在上面的代码中，调用了 TTS 实例 tts 的 stop 方法，将正在播放的语音停止。
示例代码
-- -------------------- ---- -------
--------- -----
------
------
---------------- ------------
------- ---------------------------------
-------
------
------- -------------------------
------- --------------------------
------- ---------------------------
------- -------------------------
--------
----- --- - --- --------------
----- --------
------- ---------
------ -
----- ------------------
--
---
------------------------------------------------------------- -- -- -
---------------- ---------
---
-------------------------------------------------------------- -- -- -
------------
---
--------------------------------------------------------------- -- -- -
-------------
---
------------------------------------------------------------- -- -- -
-----------
---
---------
-------
-------在上面的代码中，创建了一个包含四个按钮的页面。通过点击按钮可以进行播放、暂停、继续、停止等操作。通过调用 speech-js 的 API，实现了文本转语音的功能。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60055fd781e8991b448dd620