我今天调试uni-app上的音频在h5上的播放,结果一直就出现一个很恶心的问题:在pc上的浏览器(谷歌、QQ浏览器)、微信开发者工具上,音频正常播放,但是在手机微信浏览器,点击播放毫无反应;
在HbuilderX上自带的web调试工具,得到两个报错:
Uncaught (in promise) DOMException: The element has no supported sources.
未捕获的(承诺中的)DOMException:元素没有支持的源。
Uncaught (in promise) DOMException: Failed to load because no supported source was found.
Uncaught(in promise)DOMException:未能加载,因为找不到支持的源。
后来发现,用官方文档上的音频地址测试没问题,但是自己请求出来的地址就有问题,虽然在开始的时候就排查过这个问题,当时播放地址能正常打印出来,说明是有的;
但是目前很明显了,官方的音频地址能播放,自己的没法播放,问题就出在地址上;
我请教了一下同事,发现自己请求出来的播放地址有个白名单,我手机上调试使用的是 ip地址访问,电脑上是 local.taozhi.cn;
然后又在电脑上试了一下ip地址,确实有问题;
至此问题基本确定了,是因为访问地址的事…
搞了我一天,记录一下;