Sluggish Recorded Video For higher resolution videos.

[invincible1388]

I was trying to record a video of my screen using html5's getUserMedia api. The recorded video plays smoothely if the resolution of the video is set to 320 x 240. When we try to set higher resolutions, Then the video tend to get sluggish and slow.
How can I fix this issue? Any pointers on this will be helpful.

Tks

[antimatter15]

I don't really know, but if I'd venture a guess that it might have something to do with the general lack of support for interframe compression. I don't know if that's fixable.

[tschneid]

This might have to do with the instant encoding to webp (toDataUrl('image/webp')) which is done each frame during recording and is pretty slow especially for large images. Have a look at the browser frame rate (e.g. in Chrome's DevTools) while recording; the resulting video won't have a higher frame rate than this. Waiting for the day when this can be done in WebWorkers...

[spite]

I've been using Whammy to export WebM video with ccapture.js, a library that tampers JavaScript timing methods to get the exact framerate you want, and it's woking quite well.