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> 50