VUE声音-报警-实现方式

1.先准备一个mp3文件包：（这个24小时生效如果失效可留言，看到就会增加时效）
获取mp3地址：

https://www.aliyundrive.com/t/uQ8zqjn9JKSfm7QlGOSr

2.代码内容
进入页面就会自动 播放mp3的内容信息了。

<template><div><audio id="audio" :src="require('/src/components/RuoYi/warning/预警.mp3')"></audio></div>
</template><script>
export default {data() {return {audioSrc: '/' // 音频文件的路径};},mounted() {// 播放音乐let oAudio = document.querySelector("#audio");oAudio.onended = function() {//播放完毕，重新循环播放oAudio.load();oAudio.play();};this.audioAutoPlay()},methods:{audioAutoPlay() {let audio = document.getElementById("audio");audio.play();document.removeEventListener("touchstart", this.audioAutoPlay);}}};
</script>