
音乐
1. 首先,在Vue组件中引入音乐文件,可以放在assets文件夹下:
import music from '@/assets/music.mp3'
2. 在Vue组件的template部分,添加Audio标签并设置src属性为上一步中引入的音乐文件地址:
注意:controls属性可以添加一个可见的控件条,方便用户操作音乐的播放、暂停、音量等功能。
3. 在Vue组件的script部分,可以在需要的时候进行音乐的播放和暂停操作:
export default {
methods: {
playMusic(){
let audio = document.querySelector("audio");
audio.play();
},
stopMusic(){
let audio = document.querySelector("audio");
audio.pause();
}
}
}
通过调用playMusic和stopMusic方法,即可控制音乐的播放和暂停。
Copyright © 2025 IZhiDa.com All Rights Reserved.
知答 版权所有 粤ICP备2023042255号