vue项目打包成H5apk中使用语音播放

利用浏览器语音播放api功能，在vue项目中调用api实现语音播报。
在mounted生命周期函数中获取浏览器的SpeechSynthesis API

  data() {return {speech: null,};},mounted() {if ("SpeechSynthesisUtterance" in window) {this.speech = window.speechSynthesis;} else {// eslint-disable-next-line no-consoleconsole.log("不支持语音播放API");}},

methods 中方法

 methods: {//调用业务handleConfirm() {let t = `请 1号 到前台取餐`;this.speechInit(`${t}`);},//初始化speechInit(text) {let utterThis = new SpeechSynthesisUtterance(text);utterThis.pitch = 1; // 音高utterThis.rate = 1; // 语速utterThis.volume = 1; // 音量utterThis.lang = "zh-CN"; // 播报语言this.speech.speak(utterThis);},
}

通过HBuilder X在打包成apk安装包时，需要在manifest.json文件中添加对应的权限设置。