微信h5页面使用audio 播放外链mp3格式音频报错

发布于 2022-09-03 00:16:41 字数 559 浏览 11 评论 0

在微信页面开发过程中,想要在点击某个按钮之后,在点击的处理函数中播放一段音频,在本地浏览器测试通过可以,但是用微信web开发者工具和微信实际测试会出现如下的错误。
播放MP3的代码:

playAudio(answer_audio){
    console.log("into playAudio");
    var audio=new Audio("http://7fvhf6.com1.z0.glb.clouddn.com/Westlife%20-%20My%20Love.mp3");//存储在七牛上的“my love.mp3”的外链
    console.log(audio.src);
    audio.play();
  }

我在本地(chrome,非微信浏览器)测试是可以正常播放的,但是放到微信上就会报这样的错误:

clipboard.png

求解

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

聊慰 2022-09-10 00:16:41

音频还没load完……怎么也得onload之后再play吧。。
建议把音频写到HTML里,displaynone藏起来就好,如果页面有预加载就顺便加载下,这样调方法的时候直接抓audio标签play就好;或者如果是js的话,早点new出来好留出时间给页面load,这样用的时候才ok嘛。

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文