Xboard

xBoard: A Recordable HTML5 Canvas Based Virtual Whiteboard

Editor Demo | Embed Demo

Note: I started to convert this project to use coffeescript and brunch. You'll need brunch running locally to get this working now. You can however go back to this commit and fork to get the version of the repo before brunch.

xBoard is an HTML5 canvas drawing app that can record your drawings, and play them back like a video. Saving drawings to a database is supported and it can also be embedded in other webpages a la YouTube.

xBoard was completed for my MIT 6.UAP project (a small scale senior project). You can view the final paper under 6.UAPFinalReport.pdf which gives much more detail and context about the project and the code. It was forked off of this project developed at the Aalto University School of Science and Technology.

The original intent of xBoard was to have a transcript play along with the video to account for the lack of audio. Unfortunately, due to the scope of this project, I could not implement it in time. A transcript would greatly increase xBoard's utility. Users can then have context to accompany what they are watching being drawn. Although not in the current build, the code should be extensible enough that adding transcripts should be an endeavor taking only a few days.

xBoard is optimized for Chrome.