0
点赞
收藏
分享

微信扫一扫

vue项目中audio标签的音乐无法播放 audio 标签自动播放不起作用或者 play() 报错 音频播放时出现 Uncaught (in promise) DOMException: play

Ichjns 2022-06-30 阅读 46

vue项目中audio标签的音乐无法播放
问题:vue项目中audio标签直接添加src时音乐无法播放:

在网上找了个中办法, 说设置浏览器,各种坑,

以下实现方法如下

如:
1、这样添加时,可以正常播放,然而

<audio controls="controls">
<source src="http://images.81dd.cn/5fc46995d0b34fbf9c85bc35f222dec0" type="audio/ogg">
<source src="http://images.81dd.cn/5fc46995d0b34fbf9c85bc35f222dec0" type="audio/mpeg">
</audio>

2、这样添加时,无法播放,解决办法如下:

<audio controls="controls">
<source type="audio/ogg">
<source :src="musicUrl" type="audio/mpeg">
</audio>

在vue项目给audio绑定个ref属性:

在需要动态绑定的方法里用$refs动态设置src

在需要的地方调用即可

this.$refs.audio.src=require('../../../radio.wav')



举报

相关推荐

0 条评论