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地址,确实有问题;

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

搞了我一天,记录一下;

评论 4
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值