資訊專欄INFORMATION COLUMN
摘要：中不能直接通過(guò)播放，需要用戶在事件或者事件中執(zhí)行才能播放。回調(diào)中音樂(lè)不能正常播放。用戶點(diǎn)擊按鈕，等服務(wù)器返回?cái)?shù)據(jù)后再播放相應(yīng)的成功或失敗的音樂(lè)，測(cè)試在中不能正常播放。測(cè)試能夠正常播放。
ios中audio不能直接通過(guò)audio.play()播放，需要用戶在click事件或者touch事件中執(zhí)行audio.play()才能播放。
ajax回調(diào)中audio.play()音樂(lè)不能正常播放。下面記錄一下ios中ajax回調(diào)中播放音樂(lè)的問(wèn)題解決過(guò)程用戶點(diǎn)擊按鈕，等服務(wù)器返回?cái)?shù)據(jù)后再播放相應(yīng)的成功或失敗的音樂(lè)，測(cè)試在ios中不能正常播放。猜測(cè)ios中的audio不能再ajax回調(diào)函數(shù)中play()
解決方案一 --降低音量
在用戶點(diǎn)擊時(shí)間后將audio的音量設(shè)置為0,等success后將音量設(shè)置為1; volume可以控制audio的音量大小，取值范圍為 0~1
audio.volume=number
發(fā)現(xiàn)在chrome的手機(jī)模式可以將音樂(lè)靜音，ios中竟然不能控制音量,好吧這個(gè)被ios屏蔽了。放棄了。。。
解決方案二 --播放后立即暫停
用戶點(diǎn)擊按鈕后立即播放音樂(lè)，等ajax返回?cái)?shù)據(jù)后再繼續(xù)播放。測(cè)試能夠正常播放。部分代碼如下：
// 用戶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項(xiàng)目，所以代碼中有this.$refs小伙伴們別介意；
總結(jié)在ios中，如果需要播放音樂(lè)或者視頻，需要用戶手動(dòng)觸發(fā)事件在調(diào)用.play()才能播放（autoplay或者直接.play()是不能直接觸發(fā)的）;
如果需要在ajax回調(diào)函數(shù)中播放音樂(lè)，需要在用戶觸發(fā)事件后播放音樂(lè)立即暫停然后才能在回調(diào)函數(shù)中.play()，不然ios中是播放不成功的。
文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址：http://systransis.cn/yun/89943.html
摘要：背景介紹在一個(gè)頁(yè)面中當(dāng)用戶提交表單到后臺(tái)后臺(tái)返回的結(jié)果成功的話開(kāi)始自動(dòng)播放背景音樂(lè)出現(xiàn)的問(wèn)題在安卓手機(jī)上正常中沒(méi)有反應(yīng)后來(lái)網(wǎng)上一番搜索后了解到時(shí)因?yàn)椴辉试S自動(dòng)播放音樂(lè)除非用戶做出了交互行為解決方案如果是在頁(yè)面剛加載就需要自動(dòng)播放音頻的話還是 背景介紹:在一個(gè)h5頁(yè)面中,當(dāng)用戶提交表單到后臺(tái),后臺(tái)返回的結(jié)果成功的話,開(kāi)始自動(dòng)播放背景音樂(lè) 出現(xiàn)的問(wèn)題:在安卓手機(jī)上正常,iOS中沒(méi)有反...
摘要：背景介紹在一個(gè)頁(yè)面中當(dāng)用戶提交表單到后臺(tái)后臺(tái)返回的結(jié)果成功的話開(kāi)始自動(dòng)播放背景音樂(lè)出現(xiàn)的問(wèn)題在安卓手機(jī)上正常中沒(méi)有反應(yīng)后來(lái)網(wǎng)上一番搜索后了解到時(shí)因?yàn)椴辉试S自動(dòng)播放音樂(lè)除非用戶做出了交互行為解決方案如果是在頁(yè)面剛加載就需要自動(dòng)播放音頻的話還是 背景介紹:在一個(gè)h5頁(yè)面中,當(dāng)用戶提交表單到后臺(tái),后臺(tái)返回的結(jié)果成功的話,開(kāi)始自動(dòng)播放背景音樂(lè) 出現(xiàn)的問(wèn)題:在安卓手機(jī)上正常,iOS中沒(méi)有反...
閱讀 975·2022-06-21 15:13
閱讀 1857·2021-10-20 13:48
閱讀 1044·2021-09-22 15:47
閱讀 1376·2019-08-30 15:55
閱讀 3132·2019-08-30 15:53
閱讀 528·2019-08-29 12:33
閱讀 724·2019-08-28 18:15
閱讀 3471·2019-08-26 13:58
