Fencing Review App

I built an app that runs in your browser that lets you do instant video review of a fencing match that you are recording. It's something that's nice to have during practice sometimes, and could be used in professional settings after more tweaks and such are made. The only requirements are a webcam or phone camera and some battery life.

Check out the live application here!

How it works

You can get attached cameras and microphones using the media apis in the browser, then using the stream that it returns, you can record it using the MediaRecorder apis. MediaRecorder objects can be created as many times as you want, and any number of them can record from a single media source at one time. The way that I've chosen to build the video replay is to have two of them that alternate. I set a minimum duration for a replay, then each of the two recorders will record for double that amount of time. Once one of them reaches the doubled amount of time, it will reset and start recording from scratch again. This way, there will always be one recorder that has the minimum amount of replay time available in its buffer.

While this is going on, a third recorder can be set to record the entire match. Utilizing the ObjectUrl API, the match can be "downloaded" onto your device. All of this is happening only on your device, so it's not really downloaded as much as just copied from your browser environment to your storage. Not phoning home is a feature.

The site can be a bit of a battery hog, so I'd like to fix that if possible. Also it seems to bog down my system a bit since my laptop is kind of old. Maybe adding some options for quality and framerate will let me find a decent combination when using it.

Anyways, that's all I've got for this one. Check it out!