40 lines
1.5 KiB
HTML
40 lines
1.5 KiB
HTML
|
<!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> {Black and white lightning}</title>
|
||
|
|
<style type='text/css'>
|
||
|
|
@import url('data/genericstyle.css');
|
||
|
|
|
||
|
|
hr {
|
||
|
|
margin: 5px 0;
|
||
|
|
border-color: #fff;
|
||
|
|
}
|
||
|
|
</style>
|
||
|
|
<script type="text/javascript" src="videocanvas2.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>
|
||
|
|
|