如何将实时流WAV格式的音频数据提供给html5音频标签

Question

如何将直播音频数据提供给html5音频标签。

我从nodejs服务器通过网络套接字接收连续的音频数据块[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，并手动缓冲和回放数据。