<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>Fun with <video> and <canvas> {Flicker}</title> <style type='text/css'> @import url('data/genericstyle.css'); hr { margin: 5px 0; border-color: #fff; } </style> <script type="text/javascript" src="videocanvas1.js"></script> <script type="text/javascript"> window.onload = function() {processor.doLoad();} </script> </head> <body> <div> <video id="video" src="media/video.ogv" controls="true" autoplay="true" /> </div> <div> <canvas id="c2" width="160" height="96" /> </div> <div class="clear"></div> <div> <p>Video clip © copyright Blender Foundation | <a href="http://www.bigbuckbunny.org">www.bigbuckbunny.org</a></p> <p>Licensed under the <a href="http://creativecommons.org/licenses/by/3.0/">Creative Commons Attribution 3.0 license</a></p> <hr /> <p>Code and XHTML partly taken from <a href="http://www.mozbox.org/pub/green/index.xhtml">an example from mozbox</a>.</p> </div> <div class="clear"></div> <div> <p><a href=".">Back to index</a></p> </div> </body> </html>