audio.play（）を呼び出すと、ブラウザでHTML5オーディオがプリキャッシュされますか？

Question

私は、ブラウザで繰り返し再生する必要があるオーディオクリップをたくさん持っています。

私が理解する限り、audio.play()が呼び出されるまで、audio = new Audio(src)は実際のソースファイルでIOを実行しません。

以下のコードでは、ブラウザのオーディオをキャッシュして待ち時間を最小限に抑えることはできますか？

audio = new Audio(src); 
audio.volume = 0; 
audio.play(); 

volume=0は、IOS上のもののようないくつかのSafariベースのブラウザで動作しないという事実から離れて、このアプローチのいずれかの欠点はありますか？

短いオーディオクリップをキャッシュする方が良いでしょうか？

Answer 1

あなたはautoとしてaudio要素のpreload属性を設定してみてくださいすることができます

audio = new Audio(src); 
audio.preload = 'auto'; 

デモ：

var aud = new Audio('http://upload.wikimedia.org/wikipedia/commons/5/5b/Ludwig_van_Beethoven_-_Symphonie_5_c-moll_-_1._Allegro_con_brio.ogg') 
 
aud.preload = 'auto' 
 
var bData = document.createElement('span') 
 
document.body.appendChild(bData) 
 
setInterval(() => bData.innerText = 'Buffered Time(in seconds): ' + (aud.buffered.length && aud.buffered.end(0)), 300)