如何用Vue和speak-tts插件点击按钮实现长尾词语音播报功能？

本文共计501个文字，预计阅读时间需要3分钟。

场景 + speak-tts 插件 + speak-tts - npm + 实现点击按钮触发生语音播报，播报指定文字内容。为什么不能实现自动语音播报？Chrome 浏览器自 18 版本 4 月起，在桌面浏览器全面禁止了音视频。

场景

speak-tts插件

​​speak-tts - npm​​

实现点击按钮触发语音播报，播报指定的文字内容。

为什么不能实现自动语音播报。

chrome浏览器在18年4月起，就在桌面浏览器全面禁止了音视频的自动播放功能。

严格地来说，是Chrome不允许在用户对网页进行触发之前播放音频。

不光是这样，在页面加载完毕的情况下，用户没有click、dbclick、touch等主动交互行为，

使用js直接调用.play() 方法的话，chrome都会抛出如下错误：Uncaught (in promise) DOMException；

注：

​​ 关注公众号 霸道的程序猿 获取编程相关电子书、教程推送与免费下载。