OLD | NEW |
(Empty) | |
| 1 <!DOCTYPE html> |
| 2 <html> |
| 3 <!-- |
| 4 Copyright (c) 2014 The Chromium Authors. All rights reserved. |
| 5 Use of this source code is governed by a BSD-style license that can be |
| 6 found in the LICENSE file. |
| 7 --> |
| 8 <head> |
| 9 <title>Media Stream Video Example</title> |
| 10 <script type="text/javascript"> |
| 11 var plugin; |
| 12 var stream; |
| 13 |
| 14 function handleMessage(message) { |
| 15 console.log(message); |
| 16 } |
| 17 |
| 18 function success(s) { |
| 19 stream = s; |
| 20 plugin.postMessage({track: stream.getVideoTracks()[0]}); |
| 21 } |
| 22 |
| 23 function failure(e) { |
| 24 console.log(e); |
| 25 } |
| 26 |
| 27 function initialize() { |
| 28 plugin = document.getElementById('plugin'); |
| 29 plugin.addEventListener('message', handleMessage, false); |
| 30 var constraints = { |
| 31 "audio": false, |
| 32 "video": { |
| 33 "mandatory": { |
| 34 "minWidth": "1280", |
| 35 "minHeight": "720", |
| 36 "minFrameRate": "30" |
| 37 }, |
| 38 "optional": [] |
| 39 } |
| 40 }; |
| 41 navigator.webkitGetUserMedia(constraints, success, failure); |
| 42 } |
| 43 |
| 44 document.addEventListener('DOMContentLoaded', initialize, false); |
| 45 </script> |
| 46 </head> |
| 47 |
| 48 <body> |
| 49 <h1>Pepper MediaStream Video API Example</h1><br> |
| 50 This example demonstrates receiving frames from a video MediaStreamTrack and |
| 51 rendering them in a plugin.<br> |
| 52 <embed id="plugin" type="application/x-ppapi-example-media-stream-video" |
| 53 width="320" height="240"/> |
| 54 </body> |
| 55 </html> |
OLD | NEW |