解決ios audio無法播放問題
ios中audio不能直接通過audio.play()播放，需要用戶在click事件或者touch事件中執(zhí)行audio.play()才能播放。
ajax回調(diào)中audio.play()音樂不能正常播放。
用戶點擊按鈕，等服務(wù)器返回數(shù)據(jù)后再播放相應(yīng)的成功或失敗的音樂，測試在ios中不能正常播放。猜測ios中的audio不能再ajax回調(diào)函數(shù)中play()
下面記錄一下ios中ajax回調(diào)中播放音樂的問題解決過程
解決方案一 --降低音量
在用戶點擊時間后將audio的音量設(shè)置為0,等success后將音量設(shè)置為1; volume可以控制audio的音量大小，取值范圍為 0~1
audio.volume=number
發(fā)現(xiàn)在chrome的手機模式可以將音樂靜音，ios中竟然不能控制音量,好吧這個被ios屏蔽了。放棄了
解決方案二 --播放后立即暫停
用戶點擊按鈕后立即播放音樂，等ajax返回數(shù)據(jù)后再繼續(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小伙伴們別介意；
總結(jié)
在ios中，如果需要播放音樂或者視頻，需要用戶手動觸發(fā)事件在調(diào)用.play()才能播放（autoplay或者直接.play()是不能直接觸發(fā)的）;
如果需要在ajax回調(diào)函數(shù)中播放音樂，需要在用戶觸發(fā)事件后播放音樂立即暫停然后才能在回調(diào)函數(shù)中.play()，不然ios中是播放不成功的。
相關(guān)文章
還記得剛學(xué)iOS的時候嗎？那個時候驚訝于各種牛逼的功能只需要幾句簡單的代碼就可以完成。視頻播放也是這樣，IOS中視頻播放有好幾種方式，這篇文章就給大家整理這幾種方案優(yōu)缺點與實現(xiàn)過程。2016-08-08
解析iOS開發(fā)中的FirstResponder第一響應(yīng)對象
這篇文章主要介紹了解析iOS開發(fā)中的FirstResponder第一響應(yīng)對象,包括View的FirstResponder的釋放問題,需要的朋友可以參考下2015-10-10
首先說下，其實一切的動畫都是假象,3D效果也是這樣.本篇我們來做一個這樣的特效.來跟著小編一起學(xué)習(xí)學(xué)習(xí)。2016-08-08
在iOS開發(fā)中,我們經(jīng)常要使用浮點類型去接收后臺返回過來的的數(shù)據(jù),這時往往會遇到精度問題,這篇文章主要給大家介紹了關(guān)于iOS浮點類型精度問題的原因與解決辦法,文中通過實例代碼介紹的非常詳細(xì),需要的朋友可以參考下2022-01-01
本文通過一段代碼給代碼介紹了ios漢字的拼音知識及將漢字轉(zhuǎn)拼音的代碼，非常不錯，具有參考借鑒價值，感興趣的朋友一起看下吧2016-08-08
iOS如何去掉導(dǎo)航欄（UINavigationBar）下方的橫線
本篇文章主要介紹了iOS如何去掉導(dǎo)航欄（UINavigationBar）下方的橫線，非常具有實用價值，需要的朋友可以參考下2017-05-05
這篇文章主要給大家介紹了關(guān)于iOS中多線程的一些經(jīng)典崩潰的相關(guān)資料，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧。2017-12-12
這篇文章主要介紹了ios實現(xiàn)音頻進度條效果,本文寫了一個小demo通過實例代碼相結(jié)合的形式給大家詳細(xì)介紹，需要的朋友可以參考下2018-10-10
IOS TextFiled與TextView 鍵盤的收起以及處理鍵盤遮擋
這篇文章主要介紹了IOS TextFiled與TextView 鍵盤的收起以及處理鍵盤遮擋的相關(guān)資料,需要的朋友可以參考下2016-12-12
這篇文章主要給大家介紹了關(guān)于iOS如何優(yōu)雅地實現(xiàn)序列動畫的相關(guān)資料，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2018-12-12