| OLD | NEW |
| 1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
| 2 <html> | 2 <html> |
| 3 <body> | 3 <body> |
| 4 </body> | 4 </body> |
| 5 <script> | 5 <script> |
| 6 function getQueryStrings() { | 6 function getQueryStrings() { |
| 7 // Gets query parameters from the URL; e.g., given a URL like: | 7 // Gets query parameters from the URL; e.g., given a URL like: |
| 8 // | 8 // |
| 9 // http://<url>/my.html?test=123&bob=456 | 9 // http://<url>/my.html?test=123&bob=456 |
| 10 // | 10 // |
| (...skipping 27 matching lines...) Expand all Loading... |
| 38 } | 38 } |
| 39 | 39 |
| 40 function getMediaSRC() { | 40 function getMediaSRC() { |
| 41 var mediaSRC = qsParams['src'] | 41 var mediaSRC = qsParams['src'] |
| 42 if (qsParams['net']) | 42 if (qsParams['net']) |
| 43 return getNetsimURL(qsParams['net']) + '&new_port=True' + '&f=' + | 43 return getNetsimURL(qsParams['net']) + '&new_port=True' + '&f=' + |
| 44 mediaSRC; | 44 mediaSRC; |
| 45 return mediaSRC; | 45 return mediaSRC; |
| 46 } | 46 } |
| 47 | 47 |
| 48 function canvas2dAnimation() { | |
| 49 canvasContext.drawImage(testElement, 0, 0, canvasElement.width, canvasElem
ent.height); | |
| 50 window.requestAnimationFrame(canvas2dAnimation); | |
| 51 } | |
| 52 | |
| 53 qsParams = getQueryStrings(); | 48 qsParams = getQueryStrings(); |
| 54 var type = qsParams['type'] || 'video'; | 49 var type = qsParams['type'] || 'video'; |
| 55 var testElement = document.createElement(type); | 50 var testElement = document.createElement(type); |
| 56 var canvasElement; | 51 var canvasElement; |
| 57 var canvasContext; | 52 var canvasContext; |
| 58 testElement.preload = 'none'; | 53 testElement.preload = 'none'; |
| 59 testElement.controls = true; | 54 testElement.controls = true; |
| 60 if (qsParams['id']) | 55 if (qsParams['id']) |
| 61 testElement.id = qsParams['id']; | 56 testElement.id = qsParams['id']; |
| 62 testElement.src = getMediaSRC(); | 57 testElement.src = getMediaSRC(); |
| 63 if (qsParams['canvas'] && type == 'video') { | |
| 64 canvasElement = document.createElement('canvas'); | |
| 65 canvasElement.width = 800; | |
| 66 canvasElement.height = 450; | |
| 67 document.body.appendChild(canvasElement); | |
| 68 canvasContext = canvasElement.getContext('2d'); | |
| 69 window.requestAnimationFrame(canvas2dAnimation); | |
| 70 } | |
| 71 document.body.appendChild(testElement); | 58 document.body.appendChild(testElement); |
| 72 </script> | 59 </script> |
| 73 </html> | 60 </html> |
| OLD | NEW |