首頁猿問利用HTML5/JS有沒有辦法實(shí)現(xiàn)...

利用HTML5/JS有沒有辦法實(shí)現(xiàn)快速循環(huán)播放

JavaScript

慕田峪9158850 2019-04-08 11:16:58

最近需要做一個(gè)WEB應(yīng)用。里面有一個(gè)場景是轉(zhuǎn)盤抽獎(jiǎng)，想做點(diǎn)聲音上去，在轉(zhuǎn)盤轉(zhuǎn)動(dòng)的時(shí)候播放，音頻文件很簡單，就是“噠”的一聲，大小也只有6K，已知HTML5有標(biāo)簽，并且可以通過設(shè)置屬性loop來實(shí)現(xiàn)循環(huán)播放但是速度明顯不夠，一秒鐘大概能播放5次，怎么樣才能讓他播放的頻次更高呢？配合JS以編程的方式來實(shí)現(xiàn)會(huì)不會(huì)有辦法呢，請(qǐng)高手賜教。。。

查看完整描述

2 回答

慕哥9229398

TA貢獻(xiàn)1877條經(jīng)驗(yàn) 獲得超6個(gè)贊

反對(duì) 回復(fù) 2019-04-08

一只甜甜圈

TA貢獻(xiàn)1836條經(jīng)驗(yàn) 獲得超5個(gè)贊

我推測你的問題在于比如音頻可能有100ms，但你想1000ms內(nèi)播放100次。所以單純的遍歷是不能解決問題的，而且在極快的情況下，js所需要的時(shí)間也會(huì)被考慮進(jìn)去延緩頻率。可以試試多開幾個(gè)音頻，然后延時(shí)播放。比如說在10ms時(shí)播放第二個(gè)音頻，20ms播放第三個(gè)...90ms播放最后一個(gè)，這樣在100ms時(shí)第一個(gè)音頻會(huì)再次循環(huán)，如此就可以達(dá)到10ms播放一次的頻率。

反對(duì) 回復(fù) 2019-04-08