vue项目中audio标签本地引入的音乐无法播放

Posted 2023-04-06

参考技术A 本地引入不能播放

<audio src="../../assets/music/OK.mp3" controls="controls"></audio>

本地引入可以播放

<audio controls="controls">

                  <source  type="audio/ogg">

                  <source src="../../assets/music/OK.mp3" type="audio/mpeg">

                </audio>

为啥audio静音才可以播放音乐

因为audio标签的自动播放：autoplay。
在ios系统中不能自动播放，此时需要设置，在进入页面自动播放音乐。
第一步，先引入js微信
第二步，在wx.ready中进行默认播放，这个时候wx.config配置可以不用正确，但是后边的ready也可以用，所以默认播放了。 参考技术A 因为输出设备静音只是系统不能发出声音但是音乐是可以播放的，只是没有声音而已所以这是不同的概念，是可以出现这种情况的。 参考技术B 首先进入“设置”选择“声音”,然后根据分类,调整即可。 2.在通话中--会有静音选项,点击或选择即可 参考技术C 首先进入“设置”选择“声音”,然后根据分类,调整即可。 2.在通话中--会有静音选项,点击或选择即可