| phoglund@webrtc.org | f1d6e0a | 2012-06-04 10:06:52 +0000 | [diff] [blame] | 1 | <!DOCTYPE HTML PUBLIC "-//IETF//DTD HTML//EN"> |
| 2 | <!-- |
| 3 | Copyright (c) 2012 The WebRTC project authors. All Rights Reserved. |
| 4 | |
| 5 | Use of this source code is governed by a BSD-style license |
| 6 | that can be found in the LICENSE file in the root of the source |
| 7 | tree. An additional intellectual property rights grant can be found |
| 8 | in the file PATENTS. All contributing project authors may |
| 9 | be found in the AUTHORS file in the root of the source tree. |
| 10 | --> |
| 11 | <html> |
| 12 | <head> |
| 13 | <title>Multiple Local Preview (Video Only)</title> |
| elham@webrtc.org | 90eb5c8 | 2013-03-05 19:53:01 +0000 | [diff] [blame] | 14 | <meta http-equiv="X-UA-Compatible" content="chrome=1"/> |
| 15 | <!-- Load the polyfill to switch-hit between Chrome and Firefox --> |
| 16 | <script src="adapter.js"></script> |
| phoglund@webrtc.org | f1d6e0a | 2012-06-04 10:06:52 +0000 | [diff] [blame] | 17 | <script type="text/javascript"> |
| 18 | function requestVideo() { |
| elham@webrtc.org | 90eb5c8 | 2013-03-05 19:53:01 +0000 | [diff] [blame] | 19 | // Call into getUserMedia via the polyfill (adapter.js). |
| 20 | getUserMedia({video: true, audio: false}, |
| 21 | getUserMediaOkCallback, |
| 22 | getUserMediaFailedCallback); |
| phoglund@webrtc.org | f1d6e0a | 2012-06-04 10:06:52 +0000 | [diff] [blame] | 23 | } |
| 24 | |
| 25 | function getUserMediaFailedCallback(error) { |
| 26 | alert("User media request denied with error code " + error.code); |
| 27 | } |
| 28 | |
| 29 | function getUserMediaOkCallback(stream) { |
| elham@webrtc.org | 90eb5c8 | 2013-03-05 19:53:01 +0000 | [diff] [blame] | 30 | // Call the polyfill wrapper to attach the media stream to this element. |
| phoglund@webrtc.org | f1d6e0a | 2012-06-04 10:06:52 +0000 | [diff] [blame] | 31 | for (var i = 1; i <= 10; i++) { |
| elham@webrtc.org | 90eb5c8 | 2013-03-05 19:53:01 +0000 | [diff] [blame] | 32 | attachMediaStream(document.getElementById("view" + i), stream); |
| phoglund@webrtc.org | f1d6e0a | 2012-06-04 10:06:52 +0000 | [diff] [blame] | 33 | } |
| 34 | } |
| 35 | </script> |
| 36 | </head> |
| 37 | <body onload="requestVideo();"> |
| 38 | <table border="0"> |
| 39 | <tr> |
| 40 | <td>Local Preview</td> |
| 41 | </tr> |
| 42 | <tr> |
| 43 | <td><video width="320" height="240" id="view1" |
| 44 | autoplay="autoplay"></video></td> |
| 45 | <td><video width="320" height="240" id="view2" |
| 46 | autoplay="autoplay"></video></td> |
| 47 | <td><video width="320" height="240" id="view3" |
| 48 | autoplay="autoplay"></video></td> |
| 49 | </tr> |
| 50 | <tr> |
| 51 | <td><video width="320" height="240" id="view4" |
| 52 | autoplay="autoplay"></video></td> |
| 53 | <td><video width="320" height="240" id="view5" |
| 54 | autoplay="autoplay"></video></td> |
| 55 | <td><video width="320" height="240" id="view6" |
| 56 | autoplay="autoplay"></video></td> |
| 57 | </tr> |
| 58 | <tr> |
| 59 | <td><video width="320" height="240" id="view7" |
| 60 | autoplay="autoplay"></video></td> |
| 61 | <td><video width="320" height="240" id="view8" |
| 62 | autoplay="autoplay"></video></td> |
| 63 | <td><video width="320" height="240" id="view9" |
| 64 | autoplay="autoplay"></video></td> |
| 65 | </tr> |
| 66 | <tr> |
| 67 | <td><video width="320" height="240" id="view10" |
| 68 | autoplay="autoplay"></video></td> |
| 69 | </tr> |
| 70 | </table> |
| 71 | </body> |
| elham@webrtc.org | 90eb5c8 | 2013-03-05 19:53:01 +0000 | [diff] [blame] | 72 | </html> |