-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
103 lines (76 loc) · 3.33 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
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-L85RJPZEHX"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag() {
dataLayer.push(arguments);
}
gtag('js', new Date());
gtag('config', 'G-L85RJPZEHX');
</script>
<link rel="stylesheet" href="style.css">
<title>Offline Text To Speech</title>
</head>
<body>
<div class="main">
<!-- ----------------------------------------------------------------------- -->
<!-- Section 1 -->
<!-- ----------------------------------------------------------------------- -->
<div id="section-1" class="section-alignment">
<!-- Top content -->
<h2 id="landing-header">Offline Text To Speech</h2>
<div class="padding-semi-large"></div>
<div class="padding"></div>
<textarea type="text" id="textInput" rows="8" placeholder="Enter text here to speak it"></textarea>
<div class="padding-semi-large"></div>
<!-- -------------------------- App store buttons -------------------------- -->
<div id="app-store-buttons">
<button id="speakTextButton" class="button-standard" onclick="speakInputText()">Speak Text<img class="icon-link"
src="./assets/icons/speakIcon.svg"></button>
<p>|</p>
<button id="pauseButton" class="button-standard" onclick="pauseSpeech()">Pause<img class="icon-link-small"
src="./assets/icons/pauseIcon.svg"></button>
<p>|</p>
<button class="button-standard" onclick="stopSpeech()">Stop<img class="icon-link-small"
src="./assets/icons/stopIcon.svg"></button>
</div>
<div id="dropdowns">
<div class="optionsDiv">
<select name="voiceOptions" id="voiceOptions" onchange="changeVoice(this.value)">
<option value="voice1">Daniel's voice</option>
<option value="voice7">Samantha's voice</option>
<option value="voice3">Alex's voice</option>
<option value="voice6">Olivia's voice</option>
<option value="voice2">Raj's voice</option>
<option value="voice4">Fiona's voice</option>
<option value="voice5">Fred's voice</option>
<option value="voice8">Tessa's voice</option>
<option value="voice9">Victoria's voice</option>
</select>
</div>
<div class="optionsDiv">
<select name="speedOptions" id="speedOptions" onchange="changeVoiceSpeed(this.value)">
<option value="speed1">1x speed</option>
<option value="speed0.75">0.75x speed</option>
<option value="speed0.5">0.5x speed</option>
<option value="speed1.25">1.25x speed</option>
<option value="speed1.5">1.5x speed</option>
<option value="speed1.75">1.75x speed</option>
<option value="speed2">2x speed</option>
</select>
</div>
</div>
<div id="indicators">
<p>All Right Reserved.</p>
</div>
</div>
</div>
<script src="index.js"></script>
</body>
</html>