有没有办法使用 Javascript 或任何其他网络语言捕获浏览器的音频？

Question

我想制作一个简单的网站，显示交互式视觉效果，我希望其中一些是音频驱动的。我希望游客能够用自己选择的音乐来驾驭视觉效果。除了从麦克风获取音频输入之外，我很难找到其他任何东西的文档。

例如，我的网页（在选项卡1中）正在运行javascript代码X，该代码允许我处理在web浏览器的另一个选项卡中播放的音频流。这可能吗？

Answer 1

如果我正确理解你的问题，你想从当前选项卡之外的来源捕获音频。

W3C规范中没有这样的api，这可能是由于存在用户完整性问题。由于浏览器本质上是在执行外来代码，浏览器往往是严格的沙盒，需要征得同意才能防止任何侵犯用户隐私的行为。

如果您或用户可以访问媒体，请尝试使用Audio和File API。如果这两者都不够，也不足以使用您提到的输入音频捕获API，那么您将不得不转向创建浏览器扩展或完全转向另一个平台。

Answer 2

您可以使用WebRtc API 获取麦克风流

if (!navigator.getUserMedia)
  navigator.getUserMedia = navigator.getUserMedia || navigator.webkitGetUserMedia ||
  navigator.mozGetUserMedia || navigator.msGetUserMedia;
if (navigator.getUserMedia) {
    navigator.getUserMedia({audio:true}, success, function(e) {
    });
}  

 function success(e) {
      audioContext = window.AudioContext || window.webkitAudioContext;
      context = new audioContext();
      // the sample rate is in context.sampleRate
      audioInput = context.createMediaStreamSource(e);
      var bufferSize = 2048;
      recorder = context.createScriptProcessor(bufferSize, 1, 1);
      recorder.onaudioprocess = function(e){
        console.log ('recording');
        var left = e.inputBuffer.getChannelData(0);
    // stream
        window.Stream.write(convertoFloat32ToInt16(left));
  }
  audioInput.connect(recorder)
  recorder.connect(context.destination); 

function convertoFloat32ToInt16(buffer) {
  var l = buffer.length;
  var buf = new Int16Array(l)
  while (l--) {
    buf[l] = buffer[l]*0xFFFF;    //convert to 16 bit
  }
  return buf.buffer
} 

如果你只喜欢音频流的可视化，你可以使用javascript插件，比如在这里输入链接描述