| <!DOCTYPE html> |
| <html> |
| <!-- Copyright 2017 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> |
| <script src="chrome-search://local-ntp/voice.js" charset="utf-8"></script> |
| <link rel="stylesheet" href="chrome-search://local-ntp/voice.css"></link> |
| <script src="test_utils.js" charset="utf-8"></script> |
| <!-- Browser test script files for individual modules: --> |
| <script src="voice_microphone_browsertest.js" charset="utf-8"></script> |
| <script src="voice_text_browsertest.js" charset="utf-8"></script> |
| <script src="voice_view_browsertest.js" charset="utf-8"></script> |
| <script src="voice_speech_browsertest.js" charset="utf-8"></script> |
| <!-- Templates: (keep in sync with local_ntp.html) --> |
| <template id="voice-microphone-template"> |
| <div id="voice-button-container" class="button-container"> |
| <!-- The audio level animation. --> |
| <span id="voice-level" class="level"></span> |
| <!-- The microphone button. --> |
| <span id="voice-button" class="button"> |
| <!-- The microphone icon (in CSS). --> |
| <div class="microphone"></div> |
| </span> |
| </div> |
| </template> |
| <template id="voice-text-template"> |
| <div id="text-container" aria-live="polite"> |
| <!-- Low confidence text underneath high confidence text. --> |
| <span id="voice-text-i" class="voice-text"></span> |
| <!-- High confidence text on top of low confidence text. --> |
| <span id="voice-text-f" class="voice-text"></span> |
| </div> |
| </template> |
| <template id="voice-view-template"> |
| <dialog id="voice-overlay-dialog" class="overlay-dialog"> |
| <div id="voice-overlay" class="overlay-hidden"> |
| <button id="voice-close-button" class="close-button">×</button> |
| <div id="voice-outer" class="outer"> |
| <div class="inner-container"> |
| <div id="voice-button-container" class="button-container"> |
| <!-- The audio level animation. --> |
| <span id="voice-level" class="level"></span> |
| <!-- The microphone button. --> |
| <span id="voice-button" class="button"> |
| <!-- The microphone icon (in CSS). --> |
| <div class="microphone"> |
| <span class="receiver"></span> |
| <div class="wrapper"> |
| <span class="stem"></span> |
| <span class="shell"></span> |
| </div> |
| </div> |
| </span> |
| </div> |
| <div id="text-container" aria-live="polite"> |
| <!-- Low confidence text underneath high confidence text. --> |
| <span id="voice-text-i" class="voice-text"></span> |
| <!-- High confidence text on top of low confidence text. --> |
| <span id="voice-text-f" class="voice-text"></span> |
| </div> |
| </div> |
| </div> |
| </div> |
| </dialog> |
| </template> |
| <template id="voice-speech-template"> |
| <div id="ntp-contents"> |
| <div id="fakebox-container"> |
| <div id="fakebox"> |
| <div id="fakebox-text"></div> |
| <input id="fakebox-input" autocomplete="off" tabIndex="-1" type="url" |
| aria-hidden="true"> |
| <div id="fakebox-cursor"></div> |
| <div id="fakebox-microphone" tabIndex="0" hidden></div> |
| </div> |
| </div> |
| </div> |
| </template> |
| </head> |
| <body> |
| </body> |
| </html> |