Is there a way to use captureStream with a canvas?
Would like to be able to do the following:
var videoStream = canvas.captureStream(30);
Game recorder does the whole window which kind of hurts when you need just the canvas.
Develop games in your browser. Powerful, performant & highly capable.
The Game Recorder 'Start recording' action already captures just the canvas using captureStream().
Maybe I wasn't clear. I've attached a sample project to show the problem.
I want to record just the drawing canvas, not the whole window.
I was hoping to use captureStream to do that.
Here's my example project showing the gamerecorder capturing the whole window, not just the canvas.
dropbox.com/s/mrur7ipr9aip7k4/Test%20Record%20DrawingCanvas%20generated%20image.c3p
Oh, well despite the name Drawing Canvas does not actually use a <canvas> element (it uses a render-to-texture in WebGL), so there is nowhere to call captureStream() for just the Drawing Canvas. You'll just have to use some video editing software to crop the result. I'm not sure that can easily be done automatically with the existing APIs either (e.g. captureStream does not support cropping).
Aaahhh. Thank you for the reply. Better then chasing rabbits. We'll come up with a work around.