Home | History | Annotate | Download | only in enumerate_devices 
      1 <!DOCTYPE html>
      2 <html>
      3   <!--
      4   Copyright (c) 2012 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>Enumerate Devices Example</title>
     10   <script type="text/javascript">
     11     var device_array = [];
     12     var enumerating = false;
     13 
     14     function HandleMessage(message_event) {
     15       if (message_event.data) {
     16         var status = document.getElementById('status');
     17         if (message_event.data == 'EnumerationFailed') {
     18           status.innerText = 'Device enumeration failed!';
     19         } else {
     20           devices_data =
     21               message_event.data.substring('EnumerationSuccess'.length);
     22           if (devices_data.length > 0)
     23             device_array = devices_data.split('#__#');
     24           else
     25             device_array = [];
     26 
     27           var list = document.getElementById('device_list');
     28           if (device_array.length == 0)
     29             list.innerHTML = 'No devices.';
     30           for (var i = 0; i < device_array.length; ++i) {
     31             var list_item = document.createElement('li');
     32             var span = document.createElement('span');
     33             span.innerText = device_array[i];
     34             list_item.appendChild(span);
     35             list.appendChild(list_item);
     36           }
     37           status.innerText = 'Device enumeration success!';
     38         }
     39         enumerating = false;
     40       }
     41     }
     42 
     43     function EnumerateDevices(sync) {
     44       if (enumerating)
     45         return;
     46       enumerating = true;
     47       var status = document.getElementById('status');
     48       var plugin = document.getElementById('plugin');
     49       if (sync) {
     50         status.innerText = 'Enumerating devices sync...'
     51         plugin.postMessage('EnumerateDevicesSync');
     52       } else {
     53         status.innerText = 'Enumerating devices async...'
     54         plugin.postMessage('EnumerateDevicesAsync');
     55       }
     56     }
     57     
     58     function Initialize() {
     59       var plugin = document.getElementById('plugin');
     60       plugin.addEventListener('message', HandleMessage, false);
     61       EnumerateDevices(true);
     62     }
     63 
     64     document.addEventListener('DOMContentLoaded', Initialize, false);
     65   </script>
     66 </head>
     67 
     68 <body>
     69   <embed id="plugin" type="application/x-ppapi-example-enumerate-devices"
     70       width=0 height=0 />
     71   <div>
     72     Press a link to enumerate video devices:
     73     <ul>
     74       <li><a href="javascript:EnumerateDevices(true)">Enumerate devices sync</a>
     75           (only implemented for out-of-process)</li>
     76       <li><a href="javascript:EnumerateDevices(false)">Enumerate devices async</a></li>
     77     </ul>
     78   </div>
     79   <div id="available_devices">
     80     Available device(s):
     81     <ul id="device_list">No devices.</ul>
     82   </div>
     83   <div>
     84     Status: <span id="status"></span>
     85   </div>
     86 </body>
     87 </html>
     88