OLD | NEW |
1 <html> | 1 <html> |
2 <head> | 2 <head> |
3 <title>drawing <video> to <canvas></title> | 3 <title>drawing <video> to <canvas></title> |
4 <script src=../http/tests/media/video-test.js></script> | 4 <script src=../http/tests/media/video-test.js></script> |
5 | 5 |
6 <script> | 6 <script> |
7 var ctx; | 7 var ctx; |
8 var results = { | 8 var results = { |
9 current: 0, | 9 current: 0, |
10 values: [ | 10 values: [ |
(...skipping 57 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
68 canvas = document.getElementsByTagName('canvas')[0]; | 68 canvas = document.getElementsByTagName('canvas')[0]; |
69 waitForEvent('loadedmetadata', loadedmetadata); | 69 waitForEvent('loadedmetadata', loadedmetadata); |
70 run("video.src = 'content/counting.mp4'"); | 70 run("video.src = 'content/counting.mp4'"); |
71 } | 71 } |
72 </script> | 72 </script> |
73 </head> | 73 </head> |
74 | 74 |
75 <body onload="start()" > | 75 <body onload="start()" > |
76 | 76 |
77 <div> | 77 <div> |
78 <video controls="true"></video> | 78 <video controls></video> |
79 <canvas width="160" height="120" ></canvas> | 79 <canvas width="160" height="120" ></canvas> |
80 </div> | 80 </div> |
81 | 81 |
82 <p>Test <video> as a source for <canvas>.</p> | 82 <p>Test <video> as a source for <canvas>.</p> |
83 | 83 |
84 </body> | 84 </body> |
85 </html> | 85 </html> |
OLD | NEW |