tts语音播报

最近在写项目的时候用到了语音播报的功能，当后端用websocket推送数据到前端接收数据页面报警。但是发现了一个问题就是需要点击一下才会语音播报，但是页面并没有写点击事件，后来发现是这个功能需要人机交互才起作用，这是因为浏览器有一个隐私机制所以需要在浏览器里面添加当前语音的地址就可以。

if (isAllow) {
        const utter = new SpeechSynthesisUtterance(devname + '设备正在报警');
        utters.push(utter)
      }
      if (utters.length > 0) {
        if (!isFlag) {
          isFlag = true;
          const utter = utters.shift();
          console.log('utter:', utter)
          utter.onend = function () {
            console.log('语音播报完毕')
            isFlag = false;
          }
          window.speechSynthesis.speak(utter);//调用这个方法实现语音播报
        }
      }

最后

以上就是整齐朋友为你收集整理的tts语音播报的全部内容，希望文章能够帮你解决tts语音播报所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。