前言:

有时候我们在项目中需要自动报警提示音或者语音提示音,在新版本的浏览器中,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
},

Logo

华为开发者空间,是为全球开发者打造的专属开发空间,汇聚了华为优质开发资源及工具,致力于让每一位开发者拥有一台云主机,基于华为根生态开发、创新。

更多推荐