Webaudio 卷积在 Firefox 中不起作用

Question

我目前正在通过示例学习网络音频 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;
  }
}

Answer 1

使用 firebug 控制台，我看到 firefox 给出了错误

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

所以实际上并没有加载脉冲响应。因此干音和湿音是一样的。

Webaudio 卷积在 Firefox 中不起作用

Webaudio convolution not working in firefox

javascript

html5-audio

web-audio-api