ios中audio不能直接通過(guò)audio.play()播放，需要用戶在click事件或者touch事件中執(zhí)行audio.play()才能播放。

ajax回調(diào)中audio.play()音樂不能正常播放。

用戶點(diǎn)擊按鈕，等服務(wù)器返回?cái)?shù)據(jù)后再播放相應(yīng)的成功或失敗的音樂，測(cè)試在ios中不能正常播放。猜測(cè)ios中的audio不能再ajax回調(diào)函數(shù)中play()

下面記錄一下ios中ajax回調(diào)中播放音樂的問(wèn)題解決過(guò)程

解決方案一 --降低音量

在用戶點(diǎn)擊時(shí)間后將audio的音量設(shè)置為0,等success后將音量設(shè)置為1; volume可以控制audio的音量大小，取值范圍為 0~1

audio.volume=number

發(fā)現(xiàn)在chrome的手機(jī)模式可以將音樂靜音，ios中竟然不能控制音量,好吧這個(gè)被ios屏蔽了。放棄了

解決方案二 --播放后立即暫停

用戶點(diǎn)擊按鈕后立即播放音樂，等ajax返回?cái)?shù)據(jù)后再繼續(xù)播放。測(cè)試能夠正常播放。部分代碼如下：

// 用戶click事件if (this.isIOS()) {     // ios單獨(dú)處理 安卓不需要 this.$refs.audio.play() this.$refs.audio.pause()}// ajax成功后的事件 this.$refs.audio.pause() this.$refs.audio.currentTime = 0 this.$refs.audio.play()

由于是vue項(xiàng)目，所以代碼中有this.$refs小伙伴們別介意；

總結(jié)

在ios中，如果需要播放音樂或者視頻，需要用戶手動(dòng)觸發(fā)事件在調(diào)用.play()才能播放（autoplay或者直接.play()是不能直接觸發(fā)的）;

如果需要在ajax回調(diào)函數(shù)中播放音樂，需要在用戶觸發(fā)事件后播放音樂立即暫停然后才能在回調(diào)函數(shù)中.play()，不然ios中是播放不成功的。