关于Vue中使用audio实现声音的播放

        在项目中需要实现点击播放声音。

一、引入资源

audio: new Audio(require("@/assets/wan_run/y1065.mp3"))

二、相关方法

// 播放声音
		playAudio() {
			if (this.audio.paused) {
                //防止重复播放
				this.paused = false;

				this.audio.play();
				this.audio.addEventListener("ended", this.handleAudioEnded);
			}
		},
// 监听声音播放结束
		handleAudioEnded() {
			this.paused = true;
		},
// 停止声音播放
		stopAudio() {
			this.audio.pause();
			this.paused = true;
			this.audio.currentTime = 0;
		},
// 点击声音
		changeAlarm(value) {
			if (value == "close") {
				this.stopAudio();
			} else {
				this.playAudio();
			}
		},