OLD | NEW |
1 <!DOCTYPE HTML PUBLIC "-//IETF//DTD HTML//EN"> | 1 <!DOCTYPE HTML PUBLIC "-//IETF//DTD HTML//EN"> |
2 <html> | 2 <html> |
3 <head> | 3 <head> |
4 <title>WebRTC Automated Test</title> | 4 <title>WebRTC Automated Test</title> |
5 <script type="text/javascript" src="adapter.js"></script> | 5 <script type="text/javascript" src="adapter.js"></script> |
6 <script type="text/javascript" src="test_functions.js"></script> | 6 <script type="text/javascript" src="test_functions.js"></script> |
7 <script type="text/javascript" src="message_handling.js"></script> | 7 <script type="text/javascript" src="message_handling.js"></script> |
8 <script type="text/javascript" src="getusermedia.js"></script> | 8 <script type="text/javascript" src="getusermedia.js"></script> |
9 <script type="text/javascript" src="jsep01_call.js"></script> | 9 <script type="text/javascript" src="jsep01_call.js"></script> |
10 <script type="text/javascript" src="video_extraction.js"></script> | 10 <script type="text/javascript" src="video_extraction.js"></script> |
11 </head> | 11 </head> |
12 <body> | 12 <body> |
13 <table border="0"> | 13 <table border="0"> |
14 <tr> | 14 <tr> |
15 <td>Local Preview</td> | 15 <td>Local Preview</td> |
16 <td>Remote Video</td> | 16 <td>Remote Video</td> |
17 </tr> | 17 </tr> |
18 <tr> | 18 <tr> |
19 <td> | 19 <td> |
20 <video width="640" height="360" id="local-view" | 20 <video width="1280" height="720" id="local-view" |
21 autoplay="autoplay"></video> | 21 autoplay="autoplay"></video> |
22 </td> | 22 </td> |
23 <td> | 23 <td> |
24 <!-- startFrameCapture() takes 5 parameters: | 24 <!-- startFrameCapture() takes 5 parameters: |
25 1. width: width of the video/canvas area. | 25 1. width: width of the video/canvas area. |
26 2. height: height of the video area. | 26 2. height: height of the video area. |
27 3. canvas_height: Height of the canvas. | 27 3. canvas_height: Height of the canvas. |
28 4. fps: fps at which we would like to sample. | 28 4. fps: fps at which we would like to sample. |
29 5. duration: The duration of the capturing. --> | 29 5. duration: The duration of the capturing. --> |
30 <video width="640" height="360" id="remote-view" | 30 <video width="1280" height="720" id="remote-view" |
31 autoplay="autoplay" onplay="startFrameCapture(640,360,360,30,5)"> | 31 autoplay="autoplay" onplay="startFrameCapture(1280,720,720,30,5)"> |
32 </video> | 32 </video> |
33 </td> | 33 </td> |
34 </tr> | 34 </tr> |
35 <tr> | 35 <tr> |
36 <td></td> | 36 <td></td> |
37 <td> | 37 <td> |
38 <div id="output" style="display: inline-block; | 38 <div id="output" style="display: inline-block; |
39 position: relative; width: 640; height: 360"> | 39 position: relative; width: 1280; height: 720"> |
40 <!-- Canvas height should be equal to video height if we want to | 40 <!-- Canvas height should be equal to video height if we want to |
41 capture the whole frames. If we only want to capture the barcode, | 41 capture the whole frames. If we only want to capture the barcode, |
42 canvas height should equal the barcode height. --> | 42 canvas height should equal the barcode height. --> |
43 <canvas id="remote-canvas" width="640" height="360"></canvas> | 43 <canvas id="remote-canvas" width="1280" height="720"></canvas> |
44 </div> | 44 </div> |
45 </td> | 45 </td> |
46 </tr> | 46 </tr> |
47 </table> | 47 </table> |
48 </body> | 48 </body> |
49 </html> | 49 </html> |
OLD | NEW |