uni-app中的innerAudioContext在微信内置浏览器播放音频失败

我今天调试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地址,确实有问题;

至此问题基本确定了,是因为访问地址的事…

搞了我一天,记录一下;

你可能感兴趣的:(前端开发)