Gif Recording

[mokargas]

Is it possible to record a fixed length of time? Say 1 second, on a button click?

I've tried to do the following with the Gif renderer. I'm using a Canvas object previously created via p5.js:

function setup() {
    // setup camera capture
    videoInput = createCapture();
    videoInput.size(canvasWidth, canvasHeight);
    videoInput.position(0, 0);
    videoInput.parent('wrapper');

     // setup canvas
    cnv = createCanvas(canvasWidth, canvasHeight);
    cnv.position(0, 0);
    cnv.parent('wrapper');
}

With canvas rendering done in the draw function:

function draw() {
    clear();
    // a bunch of drawing calls go here ..
    render();      
 }

function render(){
    capturer.capture( cnv.elt );
 }

Then in my button handler:

 capturer.start();
 setTimeout(function(){
     capturer.stop();
     capturer.save( function( e ) { 
            console.log(e);
           //$('#gifOutput').attr('src', url);
         } );
  }, 1000);

I get an exception (which hangs the browser), from gif.coffee on line 72: "Width and height must be set prior to rendering".

[spite]

I think there's a couple of issue with trying to do this.

Do you have a jsfiddle or jsbin that I can check to make sure and reply?

[Yugloocamai]

I have the exact same issue.

[spite]

There's a setting to specify the duration in seconds, timeLimit