Take snapshot of video and webgl canvas on a web page

We're trying to take a snapshot of a video canvas on a web page. The web page also generates an additional webgl canvas live on the screen which is the augmented version of the original video canvas. We want to make sure that both the video and the webgl canvases are on the snapshot. You can see what is developed so far: [login to view URL] Password: freelancer We need a quick fix for something we can't figure out: we need the user to be able to click on a button which creates an image (.jpg or .png) of the original video and the augmented webgl canvas. We need this done today and are hoping it will only take 30 minutes if you know how to do it, so please only bid if you understand and know how to do it -- the successful bidder should be able to complete the work today.