解決ios audio無法播放問題
更新時間：2017年11月30日 17:16:03 投稿：laozhang
這篇文章主要介紹了解決ios audio無法播放問題，并給大家分享了解決方法，需要的朋友參考一下。
ios中audio不能直接通過audio.play()播放，需要用戶在click事件或者touch事件中執(zhí)行audio.play()才能播放。
ajax回調中audio.play()音樂不能正常播放。
用戶點擊按鈕，等服務器返回數據后再播放相應的成功或失敗的音樂，測試在ios中不能正常播放。猜測ios中的audio不能再ajax回調函數中play()
下面記錄一下ios中ajax回調中播放音樂的問題解決過程
解決方案一 --降低音量
在用戶點擊時間后將audio的音量設置為0,等success后將音量設置為1; volume可以控制audio的音量大小，取值范圍為 0~1
audio.volume=number
發(fā)現在chrome的手機模式可以將音樂靜音，ios中竟然不能控制音量,好吧這個被ios屏蔽了。放棄了
解決方案二 --播放后立即暫停
用戶點擊按鈕后立即播放音樂，等ajax返回數據后再繼續(xù)播放。測試能夠正常播放。部分代碼如下：
// 用戶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中，如果需要播放音樂或者視頻，需要用戶手動觸發(fā)事件在調用.play()才能播放（autoplay或者直接.play()是不能直接觸發(fā)的）;
如果需要在ajax回調函數中播放音樂，需要在用戶觸發(fā)事件后播放音樂立即暫停然后才能在回調函數中.play()，不然ios中是播放不成功的。
相關文章
iOS崩潰是讓iOS開發(fā)人員比較頭痛的事情，app崩潰了，說明代碼寫的有問題，下面這篇文章主要給大家介紹了關于iOS監(jiān)控筆記之啟動crash的相關資料，文中通過示例代碼介紹的非常詳細，需要的朋友可以參考下2018-05-05
為了團隊各成員之間代碼的互通、可讀、易維護性，特制訂此開發(fā)規(guī)范。下面這篇文章主要給大家介紹了關于iOS項目的開發(fā)命名規(guī)范的相關資料，需要的朋友可以參考借鑒，下面隨著小編來一起學習學習吧。2017-11-11
這篇文章主要給大家介紹了關于iOS tableView多輸入框如何獲取數據的相關資料，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2021-04-04
下面小編就為大家分享一篇iOS 輸入驗證碼或密碼,自動下一位的實例，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2018-01-01
這篇文章主要介紹了iOS SwiftUI 顏色漸變填充效果的實現，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2020-02-02
這篇文章主要為大家介紹了Flutter?模型動態(tài)化賦值研究分析，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪2023-03-03
最近因為工作的需要，要開發(fā)微信支付，發(fā)現網上的很多教程過于復雜，索性自己寫一篇，所以下面這篇文章主要跟大家分享了關于iOS開發(fā)傻瓜式微信支付的方法教程，文中通過示例代碼介紹的非常詳細，需要的朋友們下面來一起看看吧。2017-07-07
這篇文章主要為大家介紹了Flutter?Widgets之標簽類控件Chip詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪2022-10-10
IOS LaunchScreen設置啟動圖片與啟動頁停留時間詳解
這篇文章主要介紹了IOS LaunchScreen設置啟動圖片與啟動頁停留時間詳解的相關資料,需要的朋友可以參考下2017-02-02
本文給大家通過一些簡單的實戰(zhàn)來講解使用ARM匯編進行IOS逆向工程的方法，十分的實用，有需要的小伙伴可以參考下2015-11-11