10

我一直在谷歌上搜索这个并环顾 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");
        });
};

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

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

谢谢

4

2 回答 2

4

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

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

你现在有两个选择：

  1. 您在不使用流事件的情况下加载整个文件（fs.read）并使用 ws.send 发送整个文件（很容易做到）
  2. 您使用流事件，修改您的客户端以接受数据块并在调用之前组装它们decodeAudioData
于 2013-03-26T16:05:43.303 回答
0

问题解决了。

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

decodeAudioData 返回一个空错误

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

为 decodeAudioData (WebAudio API) 定义“有效的 mp3 块”

于 2013-03-28T10:12:41.650 回答