vue播放音频

Posted luckyshuang

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了vue播放音频相关的知识,希望对你有一定的参考价值。

1、html

<audio ref=‘audio‘ >
<source type="audio/mpeg">
</audio>

2、script

data () {
return {
src: ‘‘,
alarmSrc: [
{src: ‘/static/audio/callalarm.mp3‘},
{src: ‘/static/audio/firealarm.mp3‘},
{src: ‘/static/audio/otheralarm.mp3‘}
]
 }
}
methods: 
one () {
this.$refs.audio.src = this.alarmSrc[0].src
this.$refs.audio.play()
}

以上是关于vue播放音频的主要内容,如果未能解决你的问题,请参考以下文章

无法对非静态方法 getAssets() 进行静态引用 - 无法在片段中播放音频

从 url 中提取音频片段并使用纯 Web Audio API 播放

Vue - 将 html 音频播放器转换为组件

使用主播放列表时,HLS.js 一次加载所有子片段

同时播放两个 AVPlayer 音频文件时出现音频故障

根据滚动位置播放不同的音频文件