问答

Vue里面无法播放本地音乐,H5页面可以正常播放,什么情况?

作者:admin 2021-08-20 我要评论

测试了一下H5页面播放mp3格式的音乐。在手机上可以正常播放。 然后在Vue里面却不行,也试了好多种方法都播放不了 audio controls="controls" source? type="audi...

在说正事之前,我要推荐一个福利:你还在原价购买阿里云、腾讯云、华为云服务器吗?那太亏啦!来这里,新购、升级、续费都打折,能够为您省60%的钱呢!2核4G企业级云服务器低至69元/年,点击进去看看吧>>>)

测试了一下H5页面播放mp3格式的音乐。在手机上可以正常播放。

然后在Vue里面却不行,也试了好多种方法都播放不了

<audio controls="controls">
    <source? type="audio/ogg">
    <source src="../../static/music.mp3" type="audio/mpeg">
</audio>
<audio controls ref="audio" src="../../static/music.mp3">
您的浏览器不支持 audio 元素。
</audio>

以上两种都试过了,播放不了。我检查过,路径是正确的。电脑浏览器上可以正常播放,手机上就播放不了。--是中文名的音乐播放不了。

求大神指教

###

../../static/music.mp3 这个路径在vue编译之后 就可能是 ./assets/images/music.mp3
这个路径和命名取决于你的loader怎么配置的

###

中文解析后mp3的地址变成乱码了吧

版权声明:本文转载自网络,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。本站转载出于传播更多优秀技术知识之目的,如有侵权请联系QQ/微信:153890879删除

相关文章
  • 使用箭头函数return数据不能实现

    使用箭头函数return数据不能实现

  • 个人小程序号能接入小程序3D地图吗?

    个人小程序号能接入小程序3D地图吗?

  • vue 移动端项目中,使用了better-scrol

    vue 移动端项目中,使用了better-scrol

  • css如何做出区域平均划分为四列

    css如何做出区域平均划分为四列

腾讯云代理商
海外云服务器