Webaudio卷积不在firefox中工作

时间:2015-12-27 21:37:04

标签: javascript html5-audio web-audio

我目前正在通过示例了解webaudio api,我偶然发现了这个小笔:

http://codepen.io/andremichelle/pen/NPPEPY

我注意到音频在Firefox中没有播放,直到我向左转动滑块。这意味着卷积不起作用,因为提供的格式是一个wav?在规范中,它表示支持。我尝试了一些东西,而不是提供一个wav文件我尝试了一个mp3,它一直工作,直到。然而,这并非没有它的副作用,因为这一次,一旦我移动滑块我没有得到任何声音。

那么firefox会发生什么?

奖励积分:我会在两天内创造赏金,所以任何能够找出问题所在的人都会获得额外的250积分:)

这里有一些代码:

var context = new AudioContext();
var audioElement = document.getElementById('player');
var carrier = context.createMediaElementSource(audioElement);
var convolver = context.createConvolver();
var dry = context.createGain();
var wet = context.createGain();

carrier.connect( convolver );

convolver.connect(wet);
carrier.connect(dry);

dry.connect( context.destination );
wet.connect( context.destination );

var mix = function( value ) {
    dry.gain.value = ( 1.0 - value );
    wet.gain.value = value;
}

var loadImpulse = function ( fileName )
{
  var url = "http://files.andre-michelle.com/impulse/" + fileName;
  var request = new XMLHttpRequest();
  request.open( "GET", url, true );
  request.responseType = "arraybuffer";
  request.onload = function ()
  {
    context.decodeAudioData( request.response, function ( buffer ) {
      convolver.buffer = buffer;
    }, function ( e ) { console.log( e ); } );
  };request.onerror = function ( e )
  {
    console.log( e );
  };
  request.send();
};

loadImpulse(document.getElementById('impulse').value);
mix(1.0);

function changeValue(string,type)
{
  var value = parseFloat(string) / 100.0;

  switch(type)
  {
    case 'mix':
        mix(value);
      break;
  }
}

1 个答案:

答案 0 :(得分:0)

使用firebug控制台,我看到firefox提供了错误

Blocked loading mixed active content "http://files.andre-michelle.com/impulse/factory.hall.wav"

因此脉冲响应实际上没有加载。因此干湿声音一样。