I can't figure out how to setup the script on my site

[amansinghchauhan]

I created a new JS file with the following content:

$("#startRecording").click(function(event){
        capturer.start();

        render();

        capturer.stop();

        capturer.save();

    });


var capturer = new CCapture( {
    format: 'webm',
    name: 'aman',
    framerate: 60,
    verbose: true
} );

var canvas = $(".canvas");

function render(){
            requestAnimationFrame(render);
            animateImage();
            capturer.capture( canvas );
}

---

When I click on the start button, nothing happens and nothing is added in the console.

I am very sorry if it's a basic question but can you please tell me a workaround for this.

Thanks

[spite]

If i'm not mistaken, canvas is a jQuery object, and more probably an array of jQuery objects, since you're using a selector that matches all elements with class canvas. Try something like var canvas = $(".canvas").get(0), or whatever syntax jQuery uses to return the actual HTMLCanvasElement.

[amansinghchauhan]

You're correct but I've used .canvas only for 1 element in the page and so it's not an array. On Aug 9, 2017 3:56 AM, "Jaume Sanchez" <notifications@github.com> wrote: If i'm not mistaken, canvas is a jQuery object, and more probably an array of jQuery objects, since you're using a selector that matches all elements with class canvas. Try something like var canvas = $(".canvas").get(0), or whatever syntax jQuery uses to return the actual HTMLCanvasElement. — You are receiving this because you authored the thread. Reply to this email directly, view it on GitHub <#57 (comment)>, or mute the thread <https://github.com/notifications/unsubscribe-auth/ASnbklr-rPYA54TNrS5iIPHzw4niEbegks5sWOClgaJpZM4OxIL0> .