vue中播放消息提示报警音

前言：

有时候我们在项目中需要自动报警提示音或者语音提示音，在新版本的浏览器中，edge浏览器和谷歌浏览器需要在设置中打开相关声音权限

edge浏览器 设置-搜索所有权限-找到自动播放- 控制是否自动播放网站上的音频及视频 打开允许

谷歌浏览器 设置-隐私和安全-网站设置-声音 允许

<audio controls="controls" hidden src="../../assets/voice/warnVoice2.mp3" ref="audio"></audio>

startplay(){
                this.$refs.audio.currentTime = 0; 
                this.$refs.audio.play()
     },

或者我们在vue的data中创建一个Audio对象

audio: new Audio(),
warnUrl: require("../../assets/voice/warnVoice2.mp3")

然后在方法中使用

startplay(){
   this.audio.autoplay = true 
   this.audio.src = this.warnUrl
},