vue中播放消息提示报警音
有时候我们在项目中需要自动报警提示音或者语音提示音,在新版本的浏览器中,edge浏览器和谷歌浏览器需要在设置中打开相关声音权限edge浏览器 设置-搜索所有权限-找到自动播放- 控制是否自动播放网站上的音频及视频 打开允许谷歌浏览器 设置-隐私和安全-网站设置-声音 允许},或者我们在vue的data中创建一个Audio对象然后在方法中使用},
·
前言:
有时候我们在项目中需要自动报警提示音或者语音提示音,在新版本的浏览器中,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
},
更多推荐
已为社区贡献3条内容
所有评论(0)