| <!DOCTYPE html> |
| <html> |
| <head> |
| <link rel="stylesheet" type="text/css" href="audio_diagnostic.css"> |
| </head> |
| <body onload="init()"> |
| <table> |
| <tr> |
| <td colspan="2"> |
| <div id="tone_gen" class="ctl-panel"> |
| <h2> |
| <span class="i18n-label">Tone generator</span> |
| </h2> |
| <table style="width: 100%"> |
| <tr> |
| <td class="tonegen-main-cell"> |
| <button id="tone_btn" class="btn-off" |
| onclick="toneButtonClicked()"> |
| <span class="btn-on-text"> |
| <span class="i18n-label">Tone off</span> |
| </span> |
| <span class="btn-off-text"> |
| <span class="i18n-label">Tone On</span> |
| </span> |
| </button> |
| <select id="tone_type" onchange="toneTypeChanged()"> |
| <option value="sine" class="i18n-label">Sine wave</option> |
| <option value="square" class="i18n-label">Square wave</option> |
| <option value="triangle" class="i18n-label">Triangle wave</option> |
| </select> |
| <div> |
| <input id="freq_bar" type="range" min="1" max="500" |
| style="width: 100%" onchange="freqBarChanged(this.value)"/> |
| <div id='freq' align="center" class='edit-off'> |
| <span id="freq_curr">ff</span> |
| / |
| <span id="freq_max_label" class='freq-max-label' |
| onclick="editMax(true)">mm</span> |
| <input id="freq_max_edit" class='freq-max-edit' |
| onblur="editMax(false)" |
| onkeydown="if (event.keyCode == 13) editMax(false);"/> |
| Hz |
| </div> |
| </div> |
| </td> |
| <td class="tonegen-vol-cell"> |
| <input type="range" min="1" max="20" value="10" |
| onchange="leftGain(this.value);"/> |
| <input type="range" min="1" max="20" value="10" |
| onchange="rightGain(this.value);"/> |
| <br> |
| L / R |
| </td> |
| </tr> |
| </table> |
| </div> |
| </td> |
| <td rowspan="2"> |
| <div id="test_result" class="ctl-panel"> |
| <button onclick="test.sendTestEvent('pass')"> |
| <div class="i18n-label">Pass</div> |
| </button> |
| <button onclick="test.sendTestEvent('fail')"> |
| <div class="i18n-label">Fail</div> |
| </button> |
| </div> |
| </td> |
| </tr> |
| <tr> |
| <td> |
| <div id="recorder" class="ctl-panel"> |
| <h2> |
| <span class="i18n-label">Manual record</span> |
| </h2> |
| <button id="record_btn" class="btn-off" onclick="recordButtonClicked()"> |
| <span class="btn-on-text"> |
| <span class="i18n-label">Stop record</span> |
| </span> |
| <span class="btn-off-text"> |
| <span class="i18n-label">Start record</span> |
| </span> |
| </button> |
| <button id="record_playback_btn" class="btn-off" |
| onclick="recordPlaybackButtonClicked()"> |
| <span class="btn-on-text"> |
| <span class="i18n-label">Stop playback</span> |
| </span> |
| <span class="btn-off-text"> |
| <span class="i18n-label">Start playback</span> |
| </span> |
| </button> |
| </div> |
| </td> |
| <td> |
| <div id="loopback" class="ctl-panel"> |
| <h2> |
| <span class="i18n-label">Audio loopback</span> |
| </h2> |
| <button id="loopback_btn" class="btn-off" onclick="loopbackButtonClicked()"> |
| <span class="btn-on-text"> |
| <span class="i18n-label">Loopback off</span> |
| </span> |
| <span class="btn-off-text"> |
| <span class="i18n-label">Loopback on</span> |
| </span> |
| </button> |
| </div> |
| </td> |
| </tr> |
| <tr> |
| <td class="ctl-panel"> |
| <h2> |
| <span class="i18n-label">Output Nodes</span> |
| </h2> |
| <div id="output-nodes"></div> |
| </td> |
| <td class="ctl-panel"> |
| <h2> |
| <span class="i18n-label">Input Nodes</span> |
| </h2> |
| <div id="input-nodes"></div> |
| </td> |
| </tr> |
| </table> |
| </body> |
| </html> |