Home | History | Annotate | Download | only in audio_input 
      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>Audio Input Example</title>
     10   <script type="text/javascript">
     11     var monitor_device_array = [];
     12     var enumerate_device_array = [];
     13     var monitor_notification_count = 0;
     14 
     15     function HandleMessage(message_event) {
     16       if (message_event.data) {
     17         var status = document.getElementById('status');
     18         if (message_event.data == 'EnumerationFailed') {
     19           status.innerText = 'Device enumeration failed!';
     20         } else if (message_event.data == 'MonitorDeviceChangeFailed') {
     21           status.innerText = 'Monitor device change failed!';
     22         } else if (message_event.data == 'OpenFailed') {
     23           status.innerText = 'Open device failed!';
     24         } else if (message_event.data == 'StartFailed') {
     25           status.innerText = 'Start capturing failed!';
     26         } else if (message_event.data == 'StopFailed') {
     27           status.innerText = 'Stop capturing failed!';
     28         } else {
     29           AddDevices(message_event.data);
     30         }
     31       }
     32     }
     33 
     34     function AddDevices(command) {
     35       var serialized_names = '';
     36       var is_monitor = false;
     37       if (command.search('Monitor:') == 0) {
     38         serialized_names = command.substr(8);
     39         is_monitor = true;
     40         monitor_notification_count++;
     41         var counter = document.getElementById('notification_counter');
     42         counter.innerText = monitor_notification_count;
     43       } else if (command.search('Enumerate:') == 0) {
     44         serialized_names = command.substr(10);
     45       } else {
     46         status.innerText = 'Unrecognized command!';
     47         return;
     48       }
     49 
     50       var storage = serialized_names.length != 0 ?
     51                     serialized_names.split('#__#') : [];
     52       if (is_monitor)
     53         monitor_device_array = storage;
     54       else
     55         enumerate_device_array = storage;
     56 
     57       var list = document.getElementById(
     58           is_monitor ? 'monitor_list' : 'enumerate_list');
     59       while (list.firstChild)
     60         list.removeChild(list.firstChild);
     61 
     62       for (var i = 0; i < storage.length; ++i) {
     63         AppendDevice(
     64             list, storage[i],
     65             'javascript:UseDesignatedDevice(' + is_monitor + ',' + i + ');');
     66       }
     67     }
     68 
     69     function AppendDevice(list, text, href) {
     70       var list_item = document.createElement('li');
     71       var link = document.createElement('a');
     72       link.href = href;
     73       link.innerText = text;
     74       list_item.appendChild(link);
     75       list.appendChild(list_item);
     76     }
     77 
     78     function UseDesignatedDevice(is_monitor, index) {
     79       if (is_monitor)
     80         UseDevice(monitor_device_array[index], 'Monitor:' + index);
     81       else
     82         UseDevice(enumerate_device_array[index], 'Enumerate:' + index);
     83     }
     84 
     85     function UseDefaultDevice() {
     86       UseDevice('Default', 'UseDefault');
     87     }
     88 
     89     function UseDevice(display_text, command) {
     90       var in_use_device = document.getElementById('in_use_device');
     91       in_use_device.innerText = display_text;
     92       var plugin = document.getElementById('plugin');
     93       plugin.postMessage(command);
     94     }
     95 
     96     function Stop() {
     97       var plugin = document.getElementById('plugin');
     98       plugin.postMessage('Stop');
     99     }
    100 
    101     function Start() {
    102       var plugin = document.getElementById('plugin');
    103       plugin.postMessage('Start');
    104     }
    105 
    106     function Initialize() {
    107       var plugin = document.getElementById('plugin');
    108       plugin.addEventListener('message', HandleMessage, false)
    109       plugin.postMessage('PageInitialized');
    110     }
    111 
    112     document.addEventListener('DOMContentLoaded', Initialize, false);
    113   </script>
    114 </head>
    115 
    116 <body>
    117   <embed id="plugin" type="application/x-ppapi-example-audio-input"
    118       width="800" height="400"/>
    119   <div style="margin-bottom:10px">In-use device:
    120     <span id="in_use_device" style="font-weight:bold">None</span>
    121   </div>
    122   <div id="available_devices">
    123     Available device(s), choose one to open:
    124     <ul>
    125       <li><a href="javascript:UseDefaultDevice();">
    126           Default - use NULL device ref</a></li>
    127     </ul>
    128     <div>
    129       <ul>List retrieved by MonitorDeviceChange(), will change when
    130           pluging/unpluging devices: (Notifications received:
    131           <span style="font-weight:bold" id="notification_counter">0</span>
    132           )</ul>
    133       <ul id="monitor_list"/>
    134     </div>
    135     <div>
    136       <ul>List retrieved by EnumerateDevices(), never updated after the page is
    137           initialized:</ul>
    138       <ul id="enumerate_list"/>
    139     </div>
    140   </div>
    141   <div id="control_panel">
    142     <a href="javascript:Stop();">Stop</a>
    143     <a href="javascript:Start();">Start</a> (known issue: crbug.com/161058)
    144   </div>
    145   <div id="status"></div>
    146 </body>
    147 </html>
    148