JS error after capturing some frames.

[manpreetsingh2011]

Kudos to the team for making this fabulous library.

I am getting following JavaScript error when I try to record videos.

Uncaught TypeError: Cannot read property 'width' of undefined MediaStreamRecorder.js:668
checkFrames MediaStreamRecorder.js:668
toWebM MediaStreamRecorder.js:524
WhammyVideo.compile MediaStreamRecorder.js:914
(anonymous function) MediaStreamRecorder.js:357

I am able to capture lot of frames, but problem occurs after some time, which is quite random. After this JS error occurs, the capturing of frames stops permanently.

[muaz-khan]

Hi, I stopped updating this repo a while ago; I suggest you try RecordRTC instead. Demo

Otherwise, you can try this MediaStreamRecorder.

Remember, for video recording, I'm using Canvas2D API to record webp images; and encoding them in webm format. AFAIK, webp is not supoorted on Firefox; so video or gif recording may fail there.

[manpreetsingh2011]

Thanks @muaz-khan .. I tried my hand at RecordRTC.. My purpose is to stream audio and video to the server. But RecordRTC requires me to stopRecording before I can get access to the blob data. I can start the recording again, but it does not looks to be the best solution to stop & start the recording again and again.