如何将实时流 WAV 格式的音频数据馈送到 html5 音频标签

Question

如何将实时流音频数据提供给 html5 音频标签。

我正在通过来自 nodejs 服务器的 Web 套接字接收连续的音频数据块 [wav 格式]。如何在直播的情况下将此数据馈入音频标签。

在我的简单 html 文件中，我有如下音频标签：

<audio id="audiowav" type="audio/wav" controls autoplay></audio> 

以下是我的 javascript 文件中使用的一组代码：

var socket = new WebSocket('ws://localhost:port');

socket.onmessage = function (event) {

//  Data is coming at regular intervals

var stream = event.data;  //type is audio/wav ( byte codes from nodejs server )

// how to feed this data to audio tag
}

请提供一些提示以继续。

Answer 1

在我们通过 MSE 获得支持 WAV 的浏览器之前，您必须使用 WebAudio API 和 ScriptProcessorNode，并手动缓冲和播放您的数据。