| Index: ppapi/examples/media_stream_video/media_stream_video.html
|
| diff --git a/ppapi/examples/media_stream_video/media_stream_video.html b/ppapi/examples/media_stream_video/media_stream_video.html
|
| new file mode 100644
|
| index 0000000000000000000000000000000000000000..dc8ef4484f941e5b1249e7705d76410fc65c5ce7
|
| --- /dev/null
|
| +++ b/ppapi/examples/media_stream_video/media_stream_video.html
|
| @@ -0,0 +1,75 @@
|
| +<!DOCTYPE html>
|
| +<html>
|
| + <!--
|
| + Copyright (c) 2012 The Chromium Authors. All rights reserved.
|
| + Use of this source code is governed by a BSD-style license that can be
|
| + found in the LICENSE file.
|
| + -->
|
| +<head>
|
| + <title>Media Stream Video Example</title>
|
| + <script type="text/javascript">
|
| + var plugin;
|
| + var stream;
|
| +
|
| + function handleMessage(message) {
|
| + console.log(message);
|
| + }
|
| +
|
| + function success(s) {
|
| + stream = s;
|
| + plugin.postMessage({track: stream.getVideoTracks()[0]});
|
| + }
|
| +
|
| + function initialize() {
|
| + plugin = document.getElementById('plugin');
|
| + plugin.addEventListener('message', handleMessage, false);
|
| + var constractions = {
|
| + "audio": false,
|
| + "video": {
|
| + "mandatory": {
|
| + "minWidth": "1280",
|
| + "minHeight": "720",
|
| + "minFrameRate": "30"
|
| + },
|
| + "optional": []
|
| + }
|
| + };
|
| + navigator.webkitGetUserMedia(constractions, success);
|
| + }
|
| +
|
| + document.addEventListener('DOMContentLoaded', initialize, false);
|
| + </script>
|
| +</head>
|
| +
|
| +<body>
|
| + <embed id="plugin" type="application/x-ppapi-example-media-stream-video"
|
| + width="320" height="240"/>
|
| + <div style="margin-bottom:10px">In-use device:
|
| + <span id="in_use_device" style="font-weight:bold">None</span>
|
| + </div>
|
| + <div id="available_devices">
|
| + Available device(s), choose one to open:
|
| + <ul>
|
| + <li><a href="javascript:UseDefaultDevice();">
|
| + Default - use NULL device ref</a></li>
|
| + </ul>
|
| + <div>
|
| + <ul>List retrieved by MonitorDeviceChange(), will change when
|
| + pluging/unpluging devices: (Notifications received:
|
| + <span style="font-weight:bold" id="notification_counter">0</span>
|
| + )</ul>
|
| + <ul id="monitor_list"/>
|
| + </div>
|
| + <div>
|
| + <ul>List retrieved by EnumerateDevices(), never updated after the page is
|
| + initialized:</ul>
|
| + <ul id="enumerate_list"/>
|
| + </div>
|
| + </div>
|
| + <div id="control_panel" style="display:none">
|
| + <a href="javascript:Stop();">Stop</a>
|
| + <a href="javascript:Start();">Start</a>
|
| + <div/>
|
| + <div id="status"></div>
|
| +</body>
|
| +</html>
|
|
|