vue项目中audio标签的音乐无法播放 audio 标签自动播放不起作用或者 play() 报错 音频播放时出现 Uncaught (in promise) DOMException: play
vue项目中audio标签的音乐无法播放问题:vue项目中audio标签直接添加src时音乐无法播放:在网上找了个中办法, 说设置浏览器,各种坑,以下实现方法如下如:1、这样添加时,可以正常播放,然而<audio controls="controls"><source src="http://images.81dd.cn/5fc46995d0b34fbf9c85bc35f222d
·
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')
喜欢的关注前端面试小程序,微信搜索 MST题库
更多推荐
已为社区贡献16条内容
所有评论(0)