Unfortunate delay

[nullptr128]

Hello! I would want to ask if is there a possibility to reduce lag between reality and video produced by MediaStreamRecorder? Because when I move my head when camera is on me, "ondataready" produced blob is from ~2-3 seconds in the past.

I've tried reducing bufferSize to 256kb and changing type property in mediaRecorder, no success.

This is my code:

        recorder = new MediaStreamRecorder( stream );
        recorder.stream = stream;
        recorder.mimeType = 'video/mp4';
        recorder.videoWidth = 640;
        recorder.videoHeight = 480;
        recorder.bufferSize = 256;
        recorder.type = MediaRecorderWrapper;
        recorder.ondataavailable = function ( blob ) {
            console.log( blob );
            var objUrl = URL.createObjectURL( blob );
            video.src = objUrl;
            var dataBlob = { url: objUrl , frame: frameIndex++ };
            console.log( 'emitting data' );
            socket.emit( 'stream-data' , dataBlob , function () {
                var lengthEstimateKB = (dataBlob.url.length + 20) / 1024;
                transferStack += lengthEstimateKB;
                allowSend = true;
            } );
        }

        recorder.start( 50 );

        setInterval( function() {
            context.drawImage( video , 0 , 0 , video.videoWidth , video.videoHeight );
        } , 30 );

As you can see I am outputting ondataavailable immediately to video.src and then I am copying video contents into canvas to eliminate flicker by changing video.src attribute. But things in both my