forked from benetech/BeneSpeak
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
36 lines (36 loc) · 1.29 KB
/
index.html
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
<!DOCTYPE html>
<html>
<head>
<title>Test page</title>
<script type="text/javascript" src="speech.js"></script>
<script type="text/javascript" src="demo.js"></script>
<style type="text/css">
.ttsSentHL {
background-color: #DDDDDD;
z-index: -2;
}
.ttsWordHL {
background-color: #99CCFF;
z-index: -1;
}
</style>
</head>
<body>
<form>
<label for="speechInput"><b>HTML Input</b></label><br/>
<textarea id="speechInput" rows="20" cols="60">Enter HTML markup to speak here.</textarea>
<br><br>
<label for="voice"><b>Voice</b></label><br>
<select id="voice"></select><br><br>
<label for="speechRate"><b>Speech Rate</b></label><br>
<input type="range" min="0.5" max="2" step="0.1" value="1" id="speechRate"><span id="speechRateDisplay">1</span>
</form>
<p>
<input type="button" value="Start reading" id="speakButton">
<input type="button" value="Stop reading" id="stopButton">
</p>
<div id="speechDisplay" style="border: 1px solid black; width: 80%;">
Text to speech highlighting demo.
</div>
</body>
</html>