来自阿里巴巴佛系Web前端程序员的指南，Vue整合ElementUI，组件使用教程，前端音频
<template>
<div>
<el-button @click="playAudio">播放音频</el-button>
<audio ref="audio" src="your-audio-url.mp3"></audio>
</div>
</template>
<script>
export default {
methods: {
playAudio() {
const audio = this.$refs.audio;
audio.load(); // 重新加载音频
audio.play(); // 播放音频
}
}
}
</script>这个例子中，我们使用了Element UI的el-button组件来创建一个播放按钮，并通过$refs获取对audio元素的引用，在playAudio方法中，我们首先调用load方法来重新加载音频文件，然后调用play方法来播放音频。这样，当用户点击按钮时，音频将会播放。这是一个简单的音频播放的例子，适用于基本的音频播放需求。
评论已关闭