監(jiān)聽(tīng)html5 audio音頻是否播放完畢的方法 HTML5中的audio對(duì)象有個(gè)屬性為 ended，改屬性是返回音頻是否播放結(jié)束，是boolean類(lèi)型的例如我自己寫(xiě)的一個(gè)判斷thisaudioPlay=functionsoundPath，callback quot#shapeAudioquotatt；不會(huì)啊，應(yīng)該是你代碼問(wèn)題，在音樂(lè)播放的代碼audio標(biāo)簽?zāi)抢镌黾右粋€(gè)循環(huán)播放的屬性loop=quotloopquot即可如ltaudio loop=quotloopquot 注IOS不允許自動(dòng)播放背景音樂(lè)哦android的話javascript可以使用ltaudio標(biāo)簽，然后在下方增加。

audioaddEventListener'ended'， e = audioaddEventListener'click'， = if BGAudiogetAttribute'src' BGAudio；一個(gè)audio標(biāo)簽只能同時(shí)播放一個(gè)音頻文件，希望一個(gè)接一個(gè)播放的話，就需要js監(jiān)聽(tīng)標(biāo)簽的onended事件，播放完畢后，更換一個(gè)文件地址就可以了。

HTML5 引入了許多新特性和新功能，其中就包含了 video 和 audio 標(biāo)簽，也就是對(duì)音視頻的支持使用了支持 HTML5 標(biāo)準(zhǔn)的網(wǎng)絡(luò)瀏覽；處理方式用JavaScript操作audio對(duì)象來(lái)控制音頻結(jié)合以上的知識(shí)點(diǎn)，實(shí)現(xiàn)一個(gè)屬于自己的HTML5 音樂(lè)播放器功能播放暫停靜音；HTML5新的標(biāo)準(zhǔn)中允許使用new Worker的方式來(lái)開(kāi)啟一個(gè)新的線程，去運(yùn)行一段單獨(dú)的js文件腳本，但是在這個(gè)新線程中嚴(yán)格的要求了。

HTML5 原生播放器的場(chǎng)景幾乎可以說(shuō)是沒(méi)有，而且 H5 播放的延時(shí)性還非常高最多我們也只能控制一下 視頻播放 的表層工作，比如；navigatorgetUserMediavideotrue，audio true，gotStream，noStream打開(kāi)攝像頭 成功打開(kāi)攝像頭 function gotStreamstreamvideosrc =URLcreateObjectURLstreamvideoonerror= functionstreamstop；controls值為controls，如果出現(xiàn)該屬性，則向用戶顯示控件，比如播放按鈕loop值為loop，如果出現(xiàn)該屬性，則每當(dāng)音頻結(jié)束時(shí)重新開(kāi)始播放audio 有幾個(gè)事件onended當(dāng)媒介已抵達(dá)結(jié)尾時(shí)運(yùn)行腳本，也就是當(dāng)前歌曲播放完了；audio 或者 video 播放的時(shí)候，個(gè)別機(jī)型無(wú)法實(shí)現(xiàn)自動(dòng)播放，可使用下面的代碼 hack 解決ios audio無(wú)法自動(dòng)播放循環(huán)播放的問(wèn)題；HTML5 audio的好多方法和js屬性，都不兼容，主流瀏覽器都有很多沒(méi)有實(shí)現(xiàn)。

HTML5音頻API的主要框架和工作流程如下圖，在 AudioContext 音頻上下文中，把音頻文件轉(zhuǎn)成 buffer格式，從音頻源 source 開(kāi)始。

就是檢測(cè)是否播放完成的時(shí)間而已，播放完成返回true 否則返回false 可以通過(guò)時(shí)間監(jiān)聽(tīng)器的方式讓音頻播放完成后觸發(fā)時(shí)間 audioaddEventListener#39ended#39，functionalert播放完成；addEventListener'ended'， = stopRecord if audio 添加音頻輸入流 audioStreamcurrent = await。