缓冲mp3时重叠部分

时间:2015-08-22 14:58:47

标签: javascript node.js html5-audio web-audio audiocontext

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

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

有没有办法让客户端等到当前缓冲区完成后再开始新缓冲区?

服务器:

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);
    });
});  

0 个答案:

没有答案