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 |