chrome-extensions-examples/console_tts_engine/console_tts_engine.html at master · cm0dit/chrome-extensions-examples · GitHub

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