src/chrome/common/extensions/docs/examples/api/ttsEngine/console_tts_engine/console_tts_engine.html

   1 <html>
   2 <head>
   3   <title>Console TTS Engine</title>
   4   <style>
   5     body {
   6       font-family: arial, helvetica, sans-serif;
   7     }
   8     table {
   9       text-align: center;
  10       padding: 10px;
  11     }
  12     #text {
  13       text-align: left;
  14       padding: 4px;
  15       border: 1px solid #aaa;
  16       width: 99%;
  17       min-height: 100px;
  18       overflow: auto;
  19     }
  20   </style>
  21   <script type="text/javascript">
  22     function clearText() {
  23       document.getElementById("text").innerHTML = "";
  24     }
  25   </script>
  26 </head>
  27 <body>
  28   <table>
  29     <tr>
  30       <th>Voice Name</th>
  31       <th>Language</th>
  32       <th>Gender</th>
  33       <th>Rate</th>
  34       <th>Pitch</th>
  35       <th>Volume</th>
  36     </tr>
  37     <tr>
  38       <td id="voiceName"></td>
  39       <td id="lang"></td>
  40       <td id="gender"></td>
  41       <td id="rate"></td>
  42       <td id="pitch"></td>
  43       <td id="volume"></td>
  44     </tr>
  45   </table>
  46   <button onclick="clearText()">Clear</button>
  47   <p id="text"></p>
  48 </body>
  49 </html>