文字转语音

Web Speech API 是一组浏览器提供的 API，可以实现文字到语音的转换。下面是一个使用 Web Speech API 的示例代码：

HTML 结构

首先，需要一个按钮来触发播放语音的操作：

<button>点击播放</button>

JS 代码

接下来，使用 JavaScript 来处理按钮的点击事件，并使用 Web Speech API 将文字转换为语音。代码如下所示：

const btn = document.querySelector("button");

btn.addEventListener("click", () => {
  // 创建 SpeechSynthesisUtterance 对象
  const msg = new SpeechSynthesisUtterance();

  // 设置要转换为语音的文本
  msg.text = "我是一段存文本";

  // 使用默认的语音合成器
  msg.voice = speechSynthesis.getVoices()[0];

  // 播放语音
  speechSynthesis.speak(msg);
});

在上述代码中，首先通过 document.querySelector("button") 获取到按钮元素，并添加了一个点击事件的监听器。

当按钮被点击时，创建了一个 SpeechSynthesisUtterance 对象 msg，它代表了要转换为语音的文本。然后，设置了要转换的文本内容。

接下来，使用 speechSynthesis.getVoices()[0] 获取可用的语音合成器声音列表，并将第一个声音设置为默认声音。你可以根据需要选择合适的声音。

最后，调用 speechSynthesis.speak(msg) 方法开始播放语音。浏览器会将文本转换为语音并播放出来。

通过这段代码，可以实现点击按钮后将指定的文本转换为语音并播放出来。