我今天調試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地址,確實有問題;
至此問題基本確定了,是因爲訪問地址的事…
搞了我一天,記錄一下;