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

Question

如何将实时流音频数据输入html5音频标签。

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