[seltzerl]

var frame = buffer.getImageData(0, 0, bufferCanvas.width, bufferCanvas.height);

The above statement fails with these messages in the Chrome JavaScript console (a similar but less informative message appears in the Firebug console in Firefox):

Unable to get image data from canvas because the canvas has been tainted by cross-origin data.
videobooth.js:195Uncaught Error: SECURITY_ERR: DOM Exception 18

Why does this occur, and is there a workaround?

Thanks.

Larry

[Beth Robson]

seltzerl, on 08 February 2012 - 02:23 PM, said:

var frame = buffer.getImageData(0, 0, bufferCanvas.width, bufferCanvas.height);

The above statement fails with these messages in the Chrome JavaScript console (a similar but less informative message appears in the Firebug console in Firefox):

Unable to get image data from canvas because the canvas has been tainted by cross-origin data.
videobooth.js:195Uncaught Error: SECURITY_ERR: DOM Exception 18

Why does this occur, and is there a workaround?

Thanks.

Larry

This occurs if you're not using localhost to serve the files. Are you using a local server?

[seltzerl]

I'm running it by clicking the .html file in Windows Explorer, so the location field contains file:///C:/Users/Larry/Documents/web_%20pages/Head_First_HTML5_Programming/chapter8/videobooth.html.

I'll try running it on localhost and get back to you.

Thanks very much.

Larry

This post has been edited by seltzerl: 12 February 2012 - 09:21 AM

[seltzerl]

Beth Robson, on 11 February 2012 - 03:26 PM, said:

This occurs if you're not using localhost to serve the files. Are you using a local server?

Beth,

I just tried it under a local Tomcat ( http://localhost:808...videobooth.html ) and it worked as expected. Thanks again.

Larry

[Beth Robson]

seltzerl, on 12 February 2012 - 02:24 PM, said:

Beth,

I just tried it under a local Tomcat ( http://localhost:808...videobooth.html ) and it worked as expected. Thanks again.

Larry

Great!! glad to hear it :-)