| 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 54 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 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 'yuv444p.webm', |
| 74 'yuv420p.mp4', | 74 'yuv420p.mp4', |
| 75 'yuv420p_rec709.mp4', |
| 75 'yuvj420p.mp4', | 76 'yuvj420p.mp4', |
| 76 'yuv422p.mp4', | 77 'yuv422p.mp4', |
| 77 'yuv444p.mp4', | 78 'yuv444p.mp4', |
| 78 'yuv420p.avi' | 79 'yuv420p.avi' |
| 79 ]; | 80 ]; |
| 80 | 81 |
| 81 for (var i = 0; i < VIDEOS.length; ++i) { | 82 for (var i = 0; i < VIDEOS.length; ++i) { |
| 82 createButton(VIDEOS[i]); | 83 createButton(VIDEOS[i]); |
| 83 } | 84 } |
| 84 | 85 |
| (...skipping 137 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 222 meanSquaredError /= width * height; | 223 meanSquaredError /= width * height; |
| 223 log('Mean squared error: ' + meanSquaredError); | 224 log('Mean squared error: ' + meanSquaredError); |
| 224 diffCtx.putImageData(diffIData, 0, 0); | 225 diffCtx.putImageData(diffIData, 0, 0); |
| 225 maskCtx.putImageData(maskIData, 0, 0); | 226 maskCtx.putImageData(maskIData, 0, 0); |
| 226 document.getElementById('diff').style.visibility = 'visible'; | 227 document.getElementById('diff').style.visibility = 'visible'; |
| 227 document.getElementById('mask').style.visibility = 'visible'; | 228 document.getElementById('mask').style.visibility = 'visible'; |
| 228 } | 229 } |
| 229 </script> | 230 </script> |
| 230 </body> | 231 </body> |
| 231 </html> | 232 </html> |
| OLD | NEW |