使用 Node.js 和 WebSockets 流式传输二进制文件

Question

我一直在谷歌上搜索这个并在 stackoverflow 上搜索了一段时间，但没有找到解决方案 - 因此发布了这篇文章。

出于好奇，我正在玩弄 Node.js 和 WebSockets。我正在尝试将一些二进制数据（mp3）流式传输到客户端。到目前为止，我的代码如下，但显然没有按预期工作。

我怀疑我的问题是我实际上并没有从服务器发送二进制数据并且想要一些澄清/帮助。

这是我的服务器...

var fs = require('fs');
var WebSocketServer = require('ws').Server;

var wss = new WebSocketServer({port: 8080,host:"127.0.0.1"});
wss.on('connection', function(ws) {    
    var readStream = 
    fs.createReadStream("test.mp3", 
     {'flags': 'r',
      'encoding': 'binary', 
      'mode': 0666, 
      'bufferSize': 64 * 1024});

    readStream.on('data', function(data) {
        ws.send(data, {binary: true, mask: false});
    });
});

还有我的客户……

context = new webkitAudioContext();
var ws = new WebSocket("ws://localhost:8080");
ws.binaryType = 'arraybuffer';

ws.onmessage = function (evt) {
    context.decodeAudioData(
    evt.data,
        function(buffer) {
            console.log("Success");
        }, 
        function(error) {
            console.log("Error");
        });
};

对解码的调用总是在错误回调中结束。我假设这是因为它收到了错误的数据。

所以我的问题是如何正确地将文件作为二进制流式传输？

谢谢

Answer 1

您的服务器正在做的是向您的客户端发送由 64 KB 块中的二进制音频数据组成的消息。您的客户应该在调用decodeAudioData 之前重建音频文件。

每次您的客户端在 websocket 上收到消息时，您都在调用 decodeAudioData。您必须创建一个单独的缓冲区才能将所有块添加到其中。然后在传输完成后，应将缓冲区输入到decodeAudioData。

你现在有两个选择：

1. 您在不使用流事件的情况下加载整个文件 (fs.read) 并使用 ws.send 发送整个文件（很容易做到）
2. 您使用流事件，修改您的客户端以接受数据块并在调用 decodeAudioData 之前组装它们

Answer 2

问题解决了。

我通过从传递给“createReadStream()”的选项中删除“'encoding': 'binary'”参数和解决方案...

decodeAudioData returning a null error

根据我的一些 cmets，当我更新 createReadStream 选项时，第一个块正在播放，但所有其他块正在执行来自 decodeAudioData() 的 onError 回调。上面链接中的解决方案为我解决了这个问题。 decodeAudioData() 似乎对于它接收到的块应该如何格式化有点挑剔。它们显然应该是有效的块......

Define 'valid mp3 chunk' for decodeAudioData (WebAudio API)