您好,登錄后才能下訂單哦!
這篇文章主要介紹如何解決ios audio無法播放的問題,文中介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們一定要看完!
ios中audio不能直接通過audio.play()播放,需要用戶在click事件或者touch事件中執行audio.play()才能播放。
ajax回調中audio.play()音樂不能正常播放。
用戶點擊按鈕,等服務器返回數據后再播放相應的成功或失敗的音樂,測試在ios中不能正常播放。猜測ios中的audio不能再ajax回調函數中play()
下面記錄一下ios中ajax回調中播放音樂的問題解決過程
解決方案一 --降低音量
在用戶點擊時間后將audio的音量設置為0,等success后將音量設置為1; volume可以控制audio的音量大小,取值范圍為 0~1
audio.volume=number
發現在chrome的手機模式可以將音樂靜音,ios中竟然不能控制音量,好吧這個被ios屏蔽了。放棄了
解決方案二 --播放后立即暫停
用戶點擊按鈕后立即播放音樂,等ajax返回數據后再繼續播放。測試能夠正常播放。部分代碼如下:
// 用戶click事件 if (this.isIOS()) { // ios單獨處理 安卓不需要 this.$refs.audio.play() this.$refs.audio.pause() } // ajax成功后的事件 this.$refs.audio.pause() this.$refs.audio.currentTime = 0 this.$refs.audio.play()
由于是vue項目,所以代碼中有this.$refs小伙伴們別介意;
總結
在ios中,如果需要播放音樂或者視頻,需要用戶手動觸發事件在調用.play()才能播放(autoplay或者直接.play()是不能直接觸發的);
如果需要在ajax回調函數中播放音樂,需要在用戶觸發事件后播放音樂立即暫停然后才能在回調函數中.play(),不然ios中是播放不成功的。
以上是“如何解決ios audio無法播放的問題”這篇文章的所有內容,感謝各位的閱讀!希望分享的內容對大家有幫助,更多相關知識,歡迎關注億速云行業資訊頻道!
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。