Audio

lib/agent/web/index.html

@@ -735,6 +735,7 @@
       <button data-tab="screenshot" type="button">Screenshot</button>
       <button data-tab="video" type="button">Video</button>
       <button data-tab="webcam" type="button">Webcam</button>
+      <button data-tab="mic" type="button">Mic</button>
       <button data-tab="exec" type="button">Command</button>
       <button data-tab="update" type="button">Update</button>
       <button data-tab="settings" type="button">Settings</button>
@@ -887,6 +888,36 @@
         <p id="webcam-meta" class="meta stack-gap"></p>
       </section>
 
+      <section id="mic" class="panel">
+        <div class="panel-head">
+          <div>
+            <h2>Microphone</h2>
+            <p class="lede">Listen live or record to AppData. Listen and record share one capture session.</p>
+          </div>
+          <div class="panel-actions">
+            <button id="mic-listen" class="primary" type="button">Listen</button>
+            <button id="mic-listen-stop" type="button" disabled>Stop listen</button>
+            <button id="mic-record" type="button">Record</button>
+            <button id="mic-record-stop" class="danger" type="button" disabled>Stop record</button>
+          </div>
+        </div>
+        <div class="toolbar">
+          <button id="mic-refresh" type="button">Refresh devices</button>
+          <label>Device
+            <select id="mic-device" class="grow"></select>
+          </label>
+        </div>
+        <p id="mic-meta" class="meta stack-gap">—</p>
+        <div class="table-wrap stack-gap">
+          <table>
+            <thead>
+              <tr><th>Recording</th><th>Size</th><th>Modified</th><th></th></tr>
+            </thead>
+            <tbody id="mic-rows"></tbody>
+          </table>
+        </div>
+      </section>
+
       <section id="exec" class="panel">
         <div class="panel-head">
           <div>