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

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题库
在这里插入图片描述

猜你喜欢

转载自blog.csdn.net/weixin_42981560/article/details/114541764