首页 > 其他分享> > 使用谷歌浏览器的speechSynthesis的API，实现语音播报功能

使用谷歌浏览器的speechSynthesis的API，实现语音播报功能

2021-10-30 17:31:27 作者：互联网

今天给大家分享一个，使用谷歌自带的API实现语音播报的功能，可以在项目预警上使用！

实现效果：

代码如下：

<!DOCTYPE html>
<html>

<head>
  <meta charset="UTF-8" />
  <title></title>
</head>

<body>
  <button onclick='playRadio()' id="played">播报语音</button>
  <button onclick='pauseRadio()' id="pasued">暂停</button>
  <button onclick='resumeRadio()' id="resumed">重新播报</button>
  <button onclick='stopRadio()' id="stoped">停止</button>
  <div>项目预警:线上项目预警，报警级别：2级，报警时间：2021年10月30日17:19:40，负责人：卡洛背心</div>

  <script>
    // 播报语音
    function playRadio() {
      let useVoiceText = '项目预警:线上项目预警，报警级别：2级，报警时间：2021年10月30日17:19:40，负责人：卡洛背心'
      let to_speak = new SpeechSynthesisUtterance(useVoiceText);
      window.speechSynthesis.speak(to_speak)
    }
    // 暂停
    function pauseRadio() {
      window.speechSynthesis.pause();

    }
    // 重新播报
    function resumeRadio() {
      window.speechSynthesis.resume();
    }
    // 停止
    function stopRadio() {
      window.speechSynthesis.cancel();
    }
  </script>
</body>

</html>```

如有问题，欢迎点赞评论！

标签：播报,function,speechSynthesis,浏览器,预警,window,API,speak
来源： https://blog.csdn.net/weixin_42321819/article/details/121053780