鍍金池/ 問答/HTML/ js實(shí)現(xiàn)網(wǎng)頁播放聲音

js實(shí)現(xiàn)網(wǎng)頁播放聲音

點(diǎn)擊按鈕想在網(wǎng)頁中播放一段提示音，想到html有audiu標(biāo)簽，所以一開始的想法就是動(dòng)態(tài)生成一個(gè)audio插到頁面當(dāng)中去。調(diào)試時(shí)候發(fā)現(xiàn)有個(gè)致命的問題，當(dāng)頁面長時(shí)間不去操作之后，再點(diǎn)擊按鈕就沒聲音了(audio已經(jīng)插入到了頁面當(dāng)中)，但是之后再點(diǎn)擊就有了~~~~ 圖片描述

回答
編輯回答
神經(jīng)質(zhì)

如果只是簡單的提示音的話，可以參考這篇：利用HTML5 Web Audio API給網(wǎng)頁JS交互增加聲音

另外單就你的代碼來說，為什么不DOM Ready以后一次插入然后反復(fù)播放呢？而且你3秒刪除這個(gè)時(shí)間是和業(yè)務(wù)的時(shí)間能完美契合的么？

2018年6月30日 23:07
編輯回答
六扇門

直接把a(bǔ)udio標(biāo)簽寫在html中，寫個(gè)樣式隱藏起來。

<audio src='...' style='display:none' id='audio'></audio>

function addVoice(){
    document.getElementById('audio').play();
}
2018年9月19日 12:55