video and webpage session recording related queries

[abdulaziz86]

I am using RecordRTC.js for recording video using webcam and recording web page session, I have some queries related to each features.

Video recording using webcam:

Query

1)I am saving the recorded video to the local server using your https://github.com/muaz-khan/WebRTC-Experiment/tree/master/RecordRTC/RecordRTC-to-ASPNETMVC

code which is working fine in chrome and opera browsers but not working in firefox as when form data is sent to the server the requested form does not contain files so is not save on the server. Is it a known issue? what could be the work around for this issue.?

2)Is there any way around that i can record video also in intenet explorer and safari?

WebPage Session Recording:

1)I am recording webpage session as video on my local server using RecordRTC.js working fine for chrome but not working for firefox 33.1 and internet explorer 10.0

.I know that IE and firefox doesnot support webp format , is there any way i can encode blob url into the jpeg format and then into mp4 format?

2) Using the script also slowing down the user experience.What is the reason?

3) Can I increase the frame rate of the control?

[muaz-khan]

1)I am saving the recorded video to the local server using your RecordRTC-ASPNET code which is working fine in chrome and opera browsers but not working in firefox as when form data is sent to the server the requested form does not contain files so is not save on the server. Is it a known issue? what could be the work around for this issue.?

Are you using like this?

recordRTC.stopRecording(function() {
    Upload_to_APSNET_server ( recordRTC.blob );
});

You can try following:

recordRTC.stopRecording(function() {
    if(!recordRTC.blob) return alert('blob is null');
    if(!recordRTC.blob.size) return alert('blob is empty');
    alert('blob size in bytes: ' + bytesToSize(recordRTC.blob.size) );
});

2)Is there any way around that i can record video also in intenet explorer and safari?

You can try Canvas-Recording in IE9+ and Safari. You can even get canvas.toDataURL('image/gif') and push to nodejs server where you can encode in mp4 or webm.

WebPage Session Recording:

1)I am recording webpage session as video on my local server using RecordRTC.js working fine for chrome but not working for firefox 33.1 and internet explorer 10.0. I know that IE and firefox doesnot support webp format , is there any way i can encode blob url into the jpeg format and then into mp4 format?

Please check 2nd option above.

2) Using the script also slowing down the user experience.What is the reason?

Canvas2D API are used to draw frames from <video> into canvas.getContext('2d'). About 100 frames are drawn in one second.

context.drawImage(video, 0, 0, canvas.width, canvas.height);

// and
setTimeout(drawFrames, 10);

3) Can I increase the frame rate of the control?

Resolutions can be managed using canvas property passed as second argument:

var recordRTC = RecordRTC(mediaStream, {
    type: 'video',
    canvas: {
        width: 1280,
        height: 720
    }
});

Seems that line 1801 handles frame-rate:

"data": 1e6, //do things in millisecs (num of nanosecs for duration scale)

// i.e. 1 * 000000

Some configuration here as well.

[abdulaziz86]

Thanks Muaz Issue#1 is resolved for video recording in firefox, but for issue# 2 of video recording and issue#1 of web page recording I was using your [https://www.webrtc-experiment.com/RecordRTC/Canvas-Recording/] Canvas recording demo on Internet Explorer 10, firefox 33.1 and safari 5.1.7 but script is breaking when the frames are encoding into webm format The error occuring in the console windows is something like this INVALID_CHARACTER_ERR: DOM Exception 5: An invalid or illegal character was specified

[muaz-khan]

CanvasRecorder.js supports only two browsers:

1. Chrome 55+
2. Firefox 40+

WhammyRecorder merely works (ONLY) on Chrome; because Chrome is (currently) the only browser that supports both WebM+WebP encoders.