vue声音报警功能
1.在页面上添加audio<template><div><audio id="audio" src="/static/newjingbao.mp3"/>//src 后面的链接是我保存在static文件下的一段报警声<el-button type="warning" icon="el-icon-edit"@click="startplay">开始播放&
·
1.在页面上添加audio
<template>
<div>
<audio id="audio" src="/static/newjingbao.mp3"/> //src 后面的链接是我保存在static文件下的一段报警声
<el-button type="warning" icon="el-icon-edit" @click="startplay">开始播放</el-button>
</div>
</template>
2.利用watch 监听值改变,打开音频
export default {
name: "scancode",
data() {
return {
startaudio:0
}
},
watch: {
'startaudio': function () {
this.startplay()
}
},
methods:{
playaudio() {
var audio = document.getElementById('audio')
audio.play() //播放一段音频
//audio.pause() //暂停一段音频
},
startplay(){
this.startaudio=1 //改变值
}
}
}
更多推荐
已为社区贡献3条内容
所有评论(0)