javascript - 如何在播放前完全加载音频？

Question

我必须在播放之前完全加载音频。播放器应在完全加载后自动播放音频。不应该有暂停按钮/用户不能暂停它。这是我的代码，但无法这样做。

超文本标记语言:

<audio class="audio-player" onloadeddata="myOnLoadedData()" onprogress="myOnProgress()"  src="<?php echo $audio_link;?>" controls>

JavaScript:

function myOnLoadedData() {
    console.log('Loaded data'); 
    $('audio.audio-player').attr('autoplay','autoplay');
}
function myOnProgress(){
    console.log('downloading');
}

或者有其他播放器可以满足我的要求吗？

Answer 1

尝试使用XMLHttpRequest返回音频文件的Blob，new Audio()，.load() , .play()

var request = new XMLHttpRequest();
request.open("GET", "/path/to/audio/file/", true);
request.responseType = "blob";    
request.onload = function() {
  if (this.status == 200) {
    var audio = new Audio(URL.createObjectURL(this.response));
    audio.load();
    audio.play();
  }
}
request.send();