javascript - 将编程生成的音频流式传输到浏览器

Question

我正在尝试编写一个 Web 应用程序，它从用户那里获取信息，根据该信息在服务器上生成音频，然后在用户的浏览器中播放。我一直在谷歌上搜索一大堆，我有点不确定我需要做什么才能让这一切发生。像 Icecast 这样的程序在“幕后”做什么来创建这些流？我觉得我什至不知道如何提出正确的问题或搜索，因为我找到的几乎所有信息要么是关于提供文件，要么假设我比我知道的更多关于服务器端的工作原理.

Answer 1

这个问题可能有助于如何以编程方式生成音乐；它建议了几个为此目的而设计的工具：什么是通过编程创作音乐的好 API？

Icecast 有点像红鲱鱼 - 这是广播音频流的工具，所以你真的会考虑将你用来生成音乐的任何工具的输出输入 Icecast 或类似的东西，以便将它广播到整个世界。但是，这更适用于您希望将单个流广播给多个用户（例如互联网广播）的情况。如果您只是想从用户输入生成音频并将其返回给该用户，那么这不是必需的。

我知道这不是一个完整的答案，因为问题尚未完全形成，但我无法将其全部放入评论中。希望它可以帮助其他偶然发现这个问题的人......我怀疑最初的问题作者现在已经继续前进了。

Answer 2

只需看看媒体源 API（正在实施中）。这将是您所需要的。

window.MediaSource = window.MediaSource || window.WebKitMediaSource;

var ms = new MediaSource();

var audio = document.querySelector('audio');
audio.src = window.URL.createObjectURL(ms);

ms.addEventListener('webkitsourceopen', function(e) {
  ...
  var sourceBuffer = ms.addSourceBuffer('type; codecs="codecs"');
  sourceBuffer.append(oneAudioChunk); //append chunks of data 
  ....
}, false);