在vue中使用.play()方法實(shí)現(xiàn)點(diǎn)擊播放音效,但是遇到音效時(shí)長大于兩次點(diǎn)擊時(shí)間間隔時(shí),音效會(huì)在第一次點(diǎn)擊開始播放,音效時(shí)間全部播放結(jié)束后,才能繼續(xù)播放下一次點(diǎn)擊的音效
若想要不管音效時(shí)長,點(diǎn)擊就觸發(fā)播放,實(shí)現(xiàn)音效疊加,這里使用.cloneNode().play();方法
但是此方法用在ios上,會(huì)一直復(fù)制audio標(biāo)簽導(dǎo)致加載資源次數(shù)較多,頁面卡頓問題,android則不會(huì),可能跟操作系統(tǒng)的處理機(jī)制有關(guān),目前只能解決安卓端,ios不能實(shí)現(xiàn)
有解決方法的朋友可以留言,一起分享學(xué)習(xí)。