OLD | NEW |
1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
2 <html> | 2 <html> |
3 <head> | 3 <head> |
4 <style> | 4 <style> |
5 body { | 5 body { |
6 color: white; | 6 color: white; |
7 background-color: black; | 7 background-color: black; |
8 } | 8 } |
9 </style> | 9 </style> |
10 </head> | 10 </head> |
(...skipping 52 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
63 loadVideo(name); | 63 loadVideo(name); |
64 }); | 64 }); |
65 buttonsElem.appendChild(buttonElem); | 65 buttonsElem.appendChild(buttonElem); |
66 } | 66 } |
67 | 67 |
68 var VIDEOS = [ | 68 var VIDEOS = [ |
69 'yuv420p.ogv', | 69 'yuv420p.ogv', |
70 'yuv422p.ogv', | 70 'yuv422p.ogv', |
71 'yuv444p.ogv', | 71 'yuv444p.ogv', |
72 'yuv420p.webm', | 72 'yuv420p.webm', |
| 73 'yuv444p.webm', |
73 'yuv420p.mp4', | 74 'yuv420p.mp4', |
74 'yuvj420p.mp4', | 75 'yuvj420p.mp4', |
75 'yuv422p.mp4', | 76 'yuv422p.mp4', |
76 'yuv444p.mp4', | 77 'yuv444p.mp4', |
77 'yuv420p.avi' | 78 'yuv420p.avi' |
78 ]; | 79 ]; |
79 | 80 |
80 for (var i = 0; i < VIDEOS.length; ++i) { | 81 for (var i = 0; i < VIDEOS.length; ++i) { |
81 createButton(VIDEOS[i]); | 82 createButton(VIDEOS[i]); |
82 } | 83 } |
(...skipping 138 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
221 meanSquaredError /= width * height; | 222 meanSquaredError /= width * height; |
222 log('Mean squared error: ' + meanSquaredError); | 223 log('Mean squared error: ' + meanSquaredError); |
223 diffCtx.putImageData(diffIData, 0, 0); | 224 diffCtx.putImageData(diffIData, 0, 0); |
224 maskCtx.putImageData(maskIData, 0, 0); | 225 maskCtx.putImageData(maskIData, 0, 0); |
225 document.getElementById('diff').style.visibility = 'visible'; | 226 document.getElementById('diff').style.visibility = 'visible'; |
226 document.getElementById('mask').style.visibility = 'visible'; | 227 document.getElementById('mask').style.visibility = 'visible'; |
227 } | 228 } |
228 </script> | 229 </script> |
229 </body> | 230 </body> |
230 </html> | 231 </html> |
OLD | NEW |