2

我对 Wami-recorder 有一个非常奇怪的问题。在允许 flash 文件使用我的麦克风后,我尝试录制音频剪辑。然而,大多数情况下,不是所有时候,第一次录制尝试都会将一个空的音频剪辑传递给服务器。

FLASH: Listening...
FLASH: Recording at rate: 22050
FLASH: POST 44 bytes of type audio/x-wav
FLASH: Expected Samples: 27849 Actual Samples: 0
FLASH: Unlistening.
FLASH: POST openHandler: [Event type="open" bubbles=false cancelable=false eventPhase=2]
FLASH: POST progressHandler loaded:7 total: 0
FLASH: POST: completeHandler

相对于

FLASH: Listening...
FLASH: Recording at rate: 22050
FLASH: POST 34860 bytes of type audio/x-wav
FLASH: Expected Samples: 19161 Actual Samples: 17408
FLASH: Unlistening.
FLASH: POST openHandler: [Event type="open" bubbles=false cancelable=false eventPhase=2]
FLASH: POST progressHandler loaded:7 total: 0
FLASH: POST: completeHandler

我无法弄清楚是什么导致了这种情况,因为它似乎并没有发生在每个人身上。

4

1 回答 1

1

我也一直在努力解决这个问题。谢天谢地,我终于找到了解决方法。

我认为问题在于:Chrome 有自己的机制来管理用户使用麦克风的权限,而这些机制取决于操作系统。在 windows 和 Chrome 上,这种特殊机制与 Wami-recorder 的机制发生冲突,导致 Wami-recorder 的权限请求无效(即使它仍然显示)。

我通过强制 Chrome 的权限对话框访问麦克风来使其工作。允许访问麦克风后,此权限将在浏览器-网站会话的其余部分保留。我通过 HTML5 请求使用麦克风来强制许可对话框,从此处复制代码。

并非所有浏览器都支持 HTML5 或仅支持通过 HTML5 访问麦克风。此外,在其他浏览器上,这种 hack 是不必要的。为了只为 Chrome 强制对话框,我将代码放在一个测试 Chrome 的条件中。奇怪的是,这实际上破坏了 Chromium 上的记录器(奇怪的是,与 Chrome 上的对应物相反,它正在工作)。我在这里找到了一些区分 Chrome 和 Chromium 的代码。

这是我的代码:

/**
 * isChrome (WithPDFReader)
 * thanks to Rob W from
 * https://stackoverflow.com/questions/17278770/how-do-i-detect-chromium-specifically-vs-chrome
 */
function isChrome()
{
    for (var i=0; i<navigator.plugins.length; i++)
        if (navigator.plugins[i].name == 'Chrome PDF Viewer') return true;
    return false;
}

/* somewhere else: */

/*
 * If on Chrome (not Chromium), force permission request 
 */
if( isChrome() )
{
    var context = new window.webkitAudioContext();
     navigator.webkitGetUserMedia({audio: true}, function(stream) {
      var microphone = context.createMediaStreamSource(stream);
      var filter = context.createBiquadFilter();
       // microphone -> filter -> destination.
      microphone.connect(filter);
      filter.connect(context.destination);
    }, function(){ /* do something */ });
}

// initialize Wami
 Wami.setup({ ... });
于 2013-08-01T21:09:17.877 回答