How to play back media source returned with MediaRecorder.ondataavailable

[nvcnvn]

Firefox has implemented the MediRecorder API, the APi allow us to record the video/audio in to many small blobs.

I'm using it to build a simple streamming service, this is my recorder:

navigator.getUserMedia( { video: true, audio: true }, function(stream) {
    var vendorURL = window.URL || window.webkitURL;
    _video = document.querySelector('#recordingCamera');
    _video.src = vendorURL.createObjectURL(stream);
    _video.play();
    var mediaRecorder = new MediaRecorder(stream);
    mediaRecorder.start(3000);
    mediaRecorder.ondataavailable = function(e) {
        websocketSend(e.data);
    }
}, function(error){});

According to this http://w3c.github.io/mediacapture-record/MediaRecorder.html#widl-MediaRecorder-start-void-long-timeslice :

When multiple Blobs are returned (because oftimeSlice or requestData), the individual Blobs need not be playable, but the combination of all the Blobs from a completed recording must be playable.

Firefox just make the very first blob playable, all the after blobs don't have the header (https://bugzilla.mozilla.org/show_bug.cgi?id=898771).

Do you have any hint for continuos playinmg video when ever a new blob arrive?

Thanks!