0

我正在尝试使用 BinaryJS - http://binaryjs.com/从 nodeJS 服务器流式传输 MP3 文件

但是,当我在客户端解码缓冲区时,它们似乎是重叠的,这意味着新的数据块在前一个数据结束前几毫秒播放,导致音频滞后。

有什么方法可以让客户端等到当前缓冲区完成后再开始新的缓冲区?

服务器:

var BinaryServer = require('binaryjs').BinaryServer;
var fs = require('fs');
var server = BinaryServer({port: 9000});

server.on('connection', function(client){

    var file = fs.createReadStream(__dirname + '/Song.mp3', {
        'flags': 'r',
        'bufferSize': 4 * 1024
        });
    });

    client.send(file);
});

客户:

var client = new BinaryClient('ws://localhost:9000');

window.AudioContext = window.AudioContext || window.webkitAudioContext;
var context = new AudioContext();


client.on('stream', function (stream, meta) {
    var parts = [];
    var last = 0;
    stream.on('data', function (data) {

        var source = context.createBufferSource();
        context.decodeAudioData(data, function (buf) {
                source.buffer = buf;
                source.connect(context.destination);
                source.loop = false;
                source.start(last);
                last += buf.duration;
                source.onended = function() {
                console.log('Your audio has finished playing');
            };
        },

        function (e) {
            "Error with decoding audio data" + e.err
        });
    parts.push(data);
    });
    stream.on('end', function () {
        console.log(parts);
    });
});  
4

1 回答 1

0

对此不确定,但last您可能不想将其初始化为 0,而是将其初始化为context.currentTime.

于 2015-08-26T23:01:15.987 回答