You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Matt Ellen edited this page Nov 14, 2015
·
5 revisions
Takes a video element, a callback and a number.
Returns nothing.
The number is the time, in milliseconds, between frames.
The callback takes no arguments and returns nothing.
var canvas = document.getElementById('canvas');
var ctx = canvas.getContext('2d');
var vid = document.getElementById('vid');
function capture()
{
canvas.width = vid.clientWidth;
canvas.height = vid.clientHeight;
ctx.drawImage(vid, 0, 0);
var data = ctx.getImageData(0, 0, vid.clientWidth, vid.clientHeight);
var edges = jsia.detectEdgePixels(data, 32);
ctx.putImageData(edges, 0, 0);
}
jsia.setupVideoCallback(vid, capture, 10);
//Sets up the capture function to be called every ten milliseconds
//to read the information of the current video from in the vid object.
//(The capture function takes the image data, detects the edge pixels
//and then displays them on the canvas.)