【VUE】播放本地语音/音频
时间: 2023-05-20 13:01:23 浏览: 1369
vue-audio-visual-Vue HTML5音频可视化组件。-Vue.js开发
5星 · 资源好评率100%
可以使用HTML5的Audio标签来播放本地语音/音频。具体实现方法如下:
1. 在Vue组件中引入Audio标签:
```html
<audio ref="audio" :src="audioSrc"></audio>
```
2. 在Vue组件的data中定义audioSrc变量,用于存储音频文件的路径:
```javascript
data() {
return {
audioSrc: 'path/to/audio/file.mp3'
}
}
```
3. 在Vue组件的methods中定义playAudio方法,用于播放音频:
```javascript
methods: {
playAudio() {
this.$refs.audio.play();
}
}
```
4. 在Vue组件的模板中添加一个按钮,用于触发播放音频的方法:
```html
<button @click="playAudio">播放音频</button>
```
这样就可以通过点击按钮来播放本地语音/音频了。
阅读全文