适用于 iOS 的 AudioContext.createMediaStreamSource 替代方案？

Question

我开发了一个使用 Cordova 和 Web Audio API 的应用程序，它允许用户插入耳机，将手机按在他们的心脏上，并听到他们自己的心跳。

它通过使用音频过滤器节点来做到这一点。

 //Setup userMedia
context = new (window.AudioContext||window.webkitAudioContext);
navigator.getUserMedia = (navigator.getUserMedia ||
                          navigator.webkitGetUserMedia ||
                          navigator.mozGetUserMedia ||
                          navigator.msGetUserMedia);
navigator.getUserMedia(
                        {audio:true},
                        userMediaSuccess,
                        function(e) {
                            alert("error2 " + e.message);
                        });

function userMediaSuccess(stream)
{   
    //set microphone as input
    input = context.createMediaStreamSource(stream);

    //amplify the incoming sounds
    volume = context.createGain();      
    volume.gain.value = 10;

    //filter out sounds below 25Hz
    lowPass = context.createBiquadFilter(); 
    lowPass.type = 'lowpass';
    lowPass.frequency.value = 25;

    //filter out sounds above 425Hz
    highPass = context.createBiquadFilter(); 
    highPass.type = 'highpass';
    highPass.frequency.value = 425;

    //apply the filters and amplification to microphone input
    input.connect(lowPass);
    input.connect(highPass);
    input.connect(volume);

    //send the result of these filters to the phones speakers
    highPass.connect(context.destination);
    lowPass.connect(context.destination);       
    volume.connect(context.destination);


}

当我部署到 Android 时它运行良好，但似乎大多数这些功能在 iOS 移动浏览器上不可用。

我设法使用iosRTC 插件创建了 getUserMedia 函数，但 createMediaStreamSource 仍然“不是函数”。

所以，我正在寻找可以过滤掉频率的 Web Audio API 的替代方案，或者如果有任何我可以使用的插件，那将是完美的。

Answer 1

在 ios web 上没有办法做到这一点。 您需要一个本机应用程序，因为 Apple 不支持 safari 中的音频输入。

Answer 2

你有没有尝试使用

document.addEventListener('deviceready', function () {
  // Just for iOS devices.
  if (window.device.platform === 'iOS') {
     cordova.plugins.iosrtc.registerGlobals();
  }
});

Answer 3

您很久以前就问过这个问题，但遗憾的是，Safari Mobile 仍然不支持 createMediaStreamSource（会永远支持吗？）。

如前所述，插件是实现这一目标的唯一方法，实际上有一个 Cordova/Phonegap 插件可以做到这一点。 cordova-plugin-audioinput使您可以使用 Web Audio API 或通过提供原始音频数据块的回调访问来自麦克风的声音，并且它支持 iOS 和 Android。

由于我不想两次发布相同的答案，我将在 stackoverflow 上为您指出以下答案，您还可以在其中找到代码示例： https : //stackoverflow.com/a/38464815/6609803

我是插件的创建者，感谢任何反馈。

Answer 4

好消息，全面支持ios safari https://developer.mozilla.org/en-US/docs/Web/API/AudioContext/createMediaStreamSource