Vue audio 是一個基于 Vue.js 的音頻播放器插件。它使用 HTML5 音頻 API 實現播放器的功能,同時提供了一組易于使用且不會降低性能的指令,使音頻的管理變得更加簡單。
使用 Vue audio,你只需要創建一個包含音頻 URL 的對象,然后使用 audio 指令將其嵌入到模板中即可:
{
data() {
return {
audio: {
url: 'path/to/audio.mp3'
}
}
},
template: `
<div>
<audio v-audio="audio"></audio>
<button @click="$refs.audio.play()">Play</button>
<button @click="$refs.audio.pause()">Pause</button>
<button @click="$refs.audio.mute()">Mute</button>
</div>
`
}
使用上面的代碼,你就可以創建一個簡單的音頻播放器了。Vue audio 還提供了許多其他的方法和屬性,例如播放速度、音量等。