不久前我做了这个,它使用浏览器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?
编辑:我已将控制台日志放在有问题的功能中,但所有日志都通过并且没有引发错误