Video recording feature

Hi,

So you’d like to record video of Blender viewport, or of the WebGL canvas?

I guess this is possible, although with coding. See this toolkit for example:
https://github.com/spite/ccapture.js/

Thank you so much for Verge, as a non-coder I am finding it so easy to use.

I was trying to get the CCapture toolkit mentioned above to work, but am having trouble figuring out where/how to put the code so it works with Verge. I have started with this plugged into an exec script puzzle. I made some buttons to start and stop the recording:

var capturer = new CCapture( {
framerate: 30,
format: webm,
name: video,
verbose: true
} );

var start = document.getElementById(‘Start’);
start.addEventListener(‘click’, function() {
capturer.start();
});

var stop = document.getElementById(‘Stop’);
stopButton.addEventListener(‘click’, function() {
capturer.stop();
capturer.save();
});`

The CCapture instructions say:

“Then, in your render() method, after the frame is been drawn, call .capture() passing the canvas you want to capture.”

function render(){
requestAnimationFrame(render);
// rendering stuff …
capturer.capture( canvas );
}

render()

I am not sure where I would plug that part in to get it to work with verge? Sorry for the probably dumb question, but I’m just barely grasping javascript at this point.

I was actually using the code from that thread (thanks for that!) it works great.

But, I am getting some complaints that the video output is oversaturating the colors. I hadn’t really noticed, but looking at them side by side, the colors are actually quite different from what you get when you take a screenshot from the puzzle. So, I was trying to see if there was another method that may produce a video closer to what you see on screen.

Yours looks exactly the same. I wonder what I am doing wrong. The left is the color from the take screenshot puzzle and looks the same as the viewport. The right is from the captured video.

I’ll have a look at my puzzles and page and see if I can figure out how to get them to match.

Yeah, I hadn’t noticed until someone complained about it. I’m going to mess with setting the brightness/contrast post processing puzzle before the video starts and see if that helps.