如何在播放之前完全加载音频

How to load audio completely before playing?

本文关键字：加载 音频 播放      更新时间：2023-09-26

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

超文本标记语言：

<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');
}

或者还有其他球员符合我的要求吗？

尝试使用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();

我使用@guest271314的方法来执行一个函数，加载对象中的每个音乐链接/URL。

function LoadSounds(obj,ch,ca){
(function(r){
    var i,
    lo=0, // number of sounds loaded
    len=0, // number of sounds to load
    con={}; // an object with the sounds loaded
    for(i in obj){
        len++ // increase the number of sounds to load
    }
    for(i in obj){
        (function(i){
            r=0;
            r=new XMLHttpRequest();
            r.open("GET",obj[i],true);
            r.responseType="blob";
            r.onload=function(){
                if(this.status==200){
                    lo++
                    con[i]=new Audio(URL.createObjectURL(this.response));
                    con[i].load();
                    ch(obj[i]);
                    if(lo==len)ca(con)
                    r=undefined;
                }
            }
            r.send();
        })(i);
    }
    i=undefined;
})(0);

}

压缩。。。！

function LoadSounds(n,o,e){!function(t){var i,s=0,d=0,u={};for(i in n)d++;for(i in n)!function(i){t=0,t=new XMLHttpRequest,t.open("GET",n[i],!0),t.responseType="blob",t.onload=function(){200==this.status&&(s++,u[i]=new Audio(URL.createObjectURL(this.response)),u[i].load(),o(n[i]),s==d&&e(u),t=void 0)},t.send()}(i);i=void 0}(0)}

使用示例。。。！

// Note that these musics in my example aren't in a valid link
var MyMusics={
   Music1:'http://example.com/music.ogg',
   BestEver:'http://example.com/bestever.ogg'
};
LOAD_SOUNDS(
MyMusics, // Musics object
function(){alert("+1 loaded");}, // function when a link music is loaded
function(){e.BestEver.play();} // function when all musics from links were loaded
);
相关文章：