0

不久前我做了这个,它使用浏览器AudioContext创建一个Analyser并给我音频数据,这样我就可以为正在播放的音乐制作动画。

当我当时完成此操作时,它在 Chrome 和 Firefox 中都能完美运行。当我最近尝试它时,它仍然可以在 Chrome 中运行,但在 Firefox 中无法正常运行。

每当我尝试跳过歌曲或更改 Firefox 中的源时,音频停止播放并且我停止接收分析器数据。

初始化

//Creating audio
this.audio = document.createElement("audio");
this.audio.setAttribute("loop", true);
this.audio.volume=1;
//Important part
var audioctx = new AudioContext();
var audioSrc = audioctx.createMediaElementSource(this.audio);
var analyser = audioctx.createAnalyser();
var gainNode = audioctx.createGain();
var fakeGainNode = audioctx.createGain();
analyser.smoothingTimeConstant=0.5;
analyser.minDecibels=-100;
analyser.maxDecibels=0;
analyser.fftSize=2048;
//Connecting audioSrc to gainNode
audioSrc.connect(fakeGainNode);
audioSrc.connect(gainNode);
//Connecting gainNode to analyser
gainNode.connect(audioctx.destination);
//Connecting analyser to destination
//analyser.connect(gainNode);
//connect fake gain to analyser
fakeGainNode.connect(analyser);
gainNode.gain.value=0.3;
fakeGainNode.gain.value=0.05;
var size=analyser.frequencyBinCount;
var frequencyData = new Uint8Array(size);

改变来源

this.next = function(){
    var next = ml.next();
    this.songName.innerHTML=next.name;
    this.changeSrc(next.url);
    if(playing)
        this.play();
}

this.prev = function(){
    var prev = ml.prev();
    this.songName.innerHTML=prev.name;
    this.changeSrc(prev.url);
    if(playing)
        this.play();
}

this.changeSrc = function(src){
    this.audio.src=src;
}

所以问题是。我可以做些什么来在 Firefox 上解决这个问题,或者这只是一个错误,我应该坚持使用 Chrome?

编辑:我已将控制台日志放在有问题的功能中,但所有日志都通过并且没有引发错误

4

0 回答 0