在Vue.js中使用音頻是一件非常簡單的事情。Vue.js提供了一個內置的audio組件,它讓我們能夠輕松地將音頻嵌入到網頁中。下面是一個簡單的例子:
<template> <audio ref="myAudio" src="./audio/song.mp3" controls /> </template> <script> export default { mounted() { // 播放音頻 this.$refs.myAudio.play(); } }; </script>
在上面的代碼中,我們引入了一個音頻文件,并將其嵌入到了一個audio標簽中。這個audio標簽擁有Vue.js提供的內置指令“controls”,這樣我們就可以在頁面上顯示出音頻播放器的控制條。
除此之外,我們還使用了“ref”屬性來引用這個audio標簽,并通過“mounted”鉤子來自動播放音頻。這就是Vue.js封裝的內置音頻組件的基本使用方法。
下一篇go后端返回json