This project uses the MediaRecorder API to record your screen, as well as your camera in a corner or in full page.
As of December 2016 this demo is only supported on Firefox. Chrome is not supported out of the box, needing an extension and lots of custom code (see this WebRTC experiment for more information. It will show your camera, but won't record anything.
These are the steps to make the demo work:
On your page, include https://jmperezperez.com/screenflow/lib/embed.js. It will be used to display an iframe with your camera and bind the keyboard events.
These are the keyboard bindings supported by this library. The focused element must be the hosting page for it to work, so if you click the camera image, press again on the host page.