Experimental browser module for recording the contents of a <video> tag.
npm install video-recorderExperimental browser module for recording contents of a tag by taking dataURI snapshots of it.
Written as a CommonJS module, so it works out of the box with browserify. If using with AMD or as standalone use video-recorder.bundle.js file instead.
Tested primarily in Chrome.
See the demo here: http://projects.joreteg.com/video-recorder/
You can use it to record and play back video at approximately 10fps in chrome. I was largely curious how well it would work. Turns out it's not too shabby.
The data is stored in an array as Base64 encoded PNGs using dataURIs: https://developer.mozilla.org/en-US/docs/data_URIs. This could be uploaded to a server and stitched into a video file using something like ffmpeg.
But it can also just be played back to the user using: https://github.com/HenrikJoreteg/fauxplay (as seen in the demo).
Obviously, there's no sound being recorded, but it could be interesting to mix this with screen capture support for in-browser screencast recordings.
```
npm install video-recorder
`html
``
MIT
If you like this follow @HenrikJoreteg on twitter <3. This is a small part of my larger, grander project efforts related to webrtc: http://simplewebrtc.com