forked from tz-dev/hl_text2speech
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathfemale.html
157 lines (157 loc) · 21.6 KB
/
female.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
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
<!doctype html>
<html class="no-js" lang="">
<head>
<title>Half-Life Text2Speech - H.E.V.</title>
<meta charset="utf-8">
<meta name="description" content="Half-Life, motherfucker - do you speak it?">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="shortcut icon" type="image/x-icon" href="favicon.ico">
<link rel="stylesheet" href="css/normalize.css">
<link rel="stylesheet" href="css/main.css">
<script src="js/jquery-1.12.4.js"></script>
<script src="js/jquery-ui.js"></script>
<script src="js/custom_female.js"></script>
</head>
<body>
<section id="main">
<div id="help"><a class="tooltip" onclick="showHelp();">?<span class="tooltiptext">Click to show help</span></a></div>
<div id="helpwindow" onclick="hideHelp();">
<h2>HELP (click this window to close)</h2>
<p class="warning">This is meant as a fun tool only and NOT for any commercial use at all!</p>
<p>The symbols "<strong>.</strong>", "<strong>,</strong>" and "<strong>;</strong>" create a short pause when added to the text.</p>
<h3>Speaker selection</h3>
<p>There is a total of six speakers to choose from.</p>
<h3>Volume Slider</h3>
<p>Adjust volume levels for speaker and single word preview.</p>
<h3>Dictionary</h3>
<p>Add words to the input by left-clicking them.</p>
<h3>Single word preview</h3>
<p>You can preview every entry of the dictionary by right-clicking it.</p>
<h3>Autocomplete</h3>
<p>Features a dynamic suggestion box below the input area.</p>
<h3>Vocabulary</h3>
<p> Overview of speakers & their vocabulary:</p>
<table>
<tr>
<th>Speaker</th>
<th>Affiliation</th>
<th>Words</th>
</tr>
<tr>
<td>B.M.A.S.</td>
<td>Black Mesa Announcement System</td>
<td>600+</td>
</tr>
<tr>
<td>H.E.V.</td>
<td>Hazardous EnVironment Suit</td>
<td>130+</td>
</tr>
<tr>
<td>Barney Calhoun</td>
<td>Security Guard</td>
<td>170+</td>
</tr>
<tr>
<td>Scientist</td>
<td>Black Mesa Science Team</td>
<td>250+</td>
</tr>
<tr>
<td>Military Police</td>
<td>United States armed forces</td>
<td>100+</td>
</tr>
<tr>
<td>Military Soldier</td>
<td>HECU</td>
<td>350+</td>
</tr>
</table>
</div>
<img src="img/half_life.png" class="center" id="logo" alt="logo" style="width:700px"/>
<h1>TEXT TO SPEECH</h1>
<textarea id="input" cols="80" rows="10" autofocus style="background: #fff url(img/HEV.png) no-repeat bottom right;"></textarea>
<button id="play" type="button" onclick="text2speech()">SPEAK</button>
<button id="stop" type="button" onclick="stop2speak()">STOP</button>
<button id="clear" type="button" onclick="document.getElementById('input').value = '';">CLEAR</button>
<input type="range" min="1" max="100" value="75" class="slider" id="volume">
<fieldset id="speaker"><legend><div class="tooltip">Speaker<span class="tooltiptext">Click below to select speaker</span></div></legend>
<input type="radio" onclick="window.location='index.html';" unchecked> <span class="radio" onclick="window.location='index.html';">B.M.A.S.</span>
<input type="radio" checked> <span class="radio">H.E.V.</span><br />
<input type="radio" onclick="window.location='barney.html';" unchecked> <span onclick="window.location='barney.html';" class="radio">Barney</span>
<input type="radio" onclick="window.location='police.html';" unchecked> <span class="radio" onclick="window.location='police.html';">Police</span><br />
<input type="radio" onclick="window.location='scientist.html';" unchecked> <span onclick="window.location='scientist.html';" class="radio">Scientist</span>
<input type="radio" onclick="window.location='soldier.html';" unchecked> <span onclick="window.location='soldier.html';" class="radio">Soldier</span>
</fieldset>
<br style="clear: both;" />
<fieldset>
<legend><div class="tooltip">Dictionary<span class="tooltiptext">Left-click on vocabulary to insert at cursor position, right-click for preview</span></div></legend>
<div id="quicklinks">
<a href="#A" class="first">A</a> <a href="#B">B</a> <a href="#C">C</a> <a href="#D">D</a> <a href="#E">E</a> <a href="#F">F</a> <a href="#G">G</a> <a href="#H">H</a> <a href="#I">I</a> <a href="#J">J</a>
<a href="#K">K</a> <a href="#L">L</a> <a href="#M">M</a> <a href="#N">N</a> <a href="#O">O</a> <a href="#P">P</a> <a href="#Q">Q</a> <a href="#R">R</a> <a href="#S">S</a> <a href="#T">T</a>
<a href="#U">U</a> <a href="#V">V</a> <a href="#W">W</a> <a href="#X">X</a> <a href="#Y">Y</a> <a href="#Z">Z</a> <a href="#MISC" class="last">misc</a>
</div>
<section id="dictionary">
<h3 id="A">A</h3>
<a href="#" onclick="addWord($(this).text());" oncontextmenu="speakWord($(this).text());">acquired</a> <a href="#" onclick="addWord($(this).text());" oncontextmenu="speakWord($(this).text());">activated</a> <a href="#" onclick="addWord($(this).text());" oncontextmenu="speakWord($(this).text());">administering_medical</a> <a href="#" onclick="addWord($(this).text());" oncontextmenu="speakWord($(this).text());">adrenaline_shot</a> <a href="#" onclick="addWord($(this).text());" oncontextmenu="speakWord($(this).text());">alert</a> <a href="#" onclick="addWord($(this).text());" oncontextmenu="speakWord($(this).text());">am</a> <a href="#" onclick="addWord($(this).text());" oncontextmenu="speakWord($(this).text());">ammo_depleted</a> <a href="#" onclick="addWord($(this).text());" oncontextmenu="speakWord($(this).text());">ammo_pickup</a> <a href="#" onclick="addWord($(this).text());" oncontextmenu="speakWord($(this).text());">antidote_shot</a> <a href="#" onclick="addWord($(this).text());" oncontextmenu="speakWord($(this).text());">antitoxin_shot</a> <a href="#" onclick="addWord($(this).text());" oncontextmenu="speakWord($(this).text());">armor_compromised</a> <a href="#" onclick="addWord($(this).text());" oncontextmenu="speakWord($(this).text());">armor_gone</a> <a href="#" onclick="addWord($(this).text());" oncontextmenu="speakWord($(this).text());">atmospherics_on</a> <a href="#" onclick="addWord($(this).text());" oncontextmenu="speakWord($(this).text());">automedic_on</a>
<h3 id="B">B</h3>
<a href="#" onclick="addWord($(this).text());" oncontextmenu="speakWord($(this).text());">biohazard_detected</a> <a href="#" onclick="addWord($(this).text());" oncontextmenu="speakWord($(this).text());">bio_reading</a> <a href="#" onclick="addWord($(this).text());" oncontextmenu="speakWord($(this).text());">bleeding_stopped</a> <a href="#" <a href="#" onclick="addWord($(this).text());" oncontextmenu="speakWord($(this).text());">blood_loss</a> <a href="#" onclick="addWord($(this).text());" oncontextmenu="speakWord($(this).text());">blood_plasma</a> <a href="#" onclick="addWord($(this).text());" oncontextmenu="speakWord($(this).text());">blood_toxins</a>
<h3 id="C">C</h3>
<a href="#" onclick="addWord($(this).text());" oncontextmenu="speakWord($(this).text());">chemical_detected</a> <a href="#" onclick="addWord($(this).text());" oncontextmenu="speakWord($(this).text());">communications_on</a>
<h3 id="D">D</h3>
<a href="#" onclick="addWord($(this).text());" oncontextmenu="speakWord($(this).text());">danger</a> <a href="#" onclick="addWord($(this).text());" oncontextmenu="speakWord($(this).text());">deactivated</a>
<h3 id="E">E</h3>
<a href="#" onclick="addWord($(this).text());" oncontextmenu="speakWord($(this).text());">east</a> <a href="#" onclick="addWord($(this).text());" oncontextmenu="speakWord($(this).text());">eight</a> <a href="#" onclick="addWord($(this).text());" oncontextmenu="speakWord($(this).text());">eighteen</a> <a href="#" onclick="addWord($(this).text());" oncontextmenu="speakWord($(this).text());">eighty</a> <a href="#" onclick="addWord($(this).text());" oncontextmenu="speakWord($(this).text());">eleven</a> <a href="#" onclick="addWord($(this).text());" oncontextmenu="speakWord($(this).text());">evacuate_area</a>
<h3 id="F">F</h3>
<a href="#" onclick="addWord($(this).text());" oncontextmenu="speakWord($(this).text());">fifteen</a> <a href="#" onclick="addWord($(this).text());" oncontextmenu="speakWord($(this).text());">fifty</a> <a href="#" onclick="addWord($(this).text());" oncontextmenu="speakWord($(this).text());">five</a> <a href="#" onclick="addWord($(this).text());" oncontextmenu="speakWord($(this).text());">four</a> <a href="#" onclick="addWord($(this).text());" oncontextmenu="speakWord($(this).text());">fourteen</a> <a href="#" onclick="addWord($(this).text());" oncontextmenu="speakWord($(this).text());">fourty</a> <a href="#" onclick="addWord($(this).text());" oncontextmenu="speakWord($(this).text());">fuzz</a>
<h3 id="G">G</h3>
<a href="#" onclick="addWord($(this).text());" oncontextmenu="speakWord($(this).text());">get_44ammo</a> <a href="#" onclick="addWord($(this).text());" oncontextmenu="speakWord($(this).text());">get_44pistol</a> <a href="#" onclick="addWord($(this).text());" oncontextmenu="speakWord($(this).text());">get_9mmclip</a> <a href="#" onclick="addWord($(this).text());" oncontextmenu="speakWord($(this).text());">get_alien_wpn</a> <a href="#" onclick="addWord($(this).text());" oncontextmenu="speakWord($(this).text());">get_assault</a> <a href="#" onclick="addWord($(this).text());" oncontextmenu="speakWord($(this).text());">get_assaultgren</a> <a href="#" onclick="addWord($(this).text());" oncontextmenu="speakWord($(this).text());">get_battery</a> <a href="#" onclick="addWord($(this).text());" oncontextmenu="speakWord($(this).text());">get_bolts</a> <a href="#" onclick="addWord($(this).text());" oncontextmenu="speakWord($(this).text());">get_buckshot</a> <a href="#" onclick="addWord($(this).text());" oncontextmenu="speakWord($(this).text());">get_crossbow</a> <a href="#" onclick="addWord($(this).text());" oncontextmenu="speakWord($(this).text());">get_egon</a> <a href="#" onclick="addWord($(this).text());" oncontextmenu="speakWord($(this).text());">get_egonpower</a> <a href="#" onclick="addWord($(this).text());" oncontextmenu="speakWord($(this).text());">get_gauss</a> <a href="#" onclick="addWord($(this).text());" oncontextmenu="speakWord($(this).text());">get_grenade</a> <a href="#" onclick="addWord($(this).text());" oncontextmenu="speakWord($(this).text());">get_medkit</a> <a href="#" onclick="addWord($(this).text());" oncontextmenu="speakWord($(this).text());">get_pistol</a> <a href="#" onclick="addWord($(this).text());" oncontextmenu="speakWord($(this).text());">get_rpg</a> <a href="#" onclick="addWord($(this).text());" oncontextmenu="speakWord($(this).text());">get_rpgammo</a> <a href="#" onclick="addWord($(this).text());" oncontextmenu="speakWord($(this).text());">get_satchel</a> <a href="#" onclick="addWord($(this).text());" oncontextmenu="speakWord($(this).text());">get_shotgun</a> <a href="#" onclick="addWord($(this).text());" oncontextmenu="speakWord($(this).text());">get_tripmine</a>
<h3 id="H">H</h3>
<a href="#" onclick="addWord($(this).text());" oncontextmenu="speakWord($(this).text());">health_critical</a> <a href="#" onclick="addWord($(this).text());" oncontextmenu="speakWord($(this).text());">health_dropping</a> <a href="#" onclick="addWord($(this).text());" oncontextmenu="speakWord($(this).text());">health_dropping2</a> <a href="#" onclick="addWord($(this).text());" oncontextmenu="speakWord($(this).text());">heat_damage</a> <a href="#" onclick="addWord($(this).text());" oncontextmenu="speakWord($(this).text());">hev_critical_fail</a> <a href="#" onclick="addWord($(this).text());" oncontextmenu="speakWord($(this).text());">hev_damage</a> <a href="#" onclick="addWord($(this).text());" oncontextmenu="speakWord($(this).text());">hev_general_fail</a> <a href="#" onclick="addWord($(this).text());" oncontextmenu="speakWord($(this).text());">hev_logon</a> <a href="#" onclick="addWord($(this).text());" oncontextmenu="speakWord($(this).text());">hev_shutdown</a> <a href="#" onclick="addWord($(this).text());" oncontextmenu="speakWord($(this).text());">hours</a>
<h3 id="I">I</h3>
<a href="#" onclick="addWord($(this).text());" oncontextmenu="speakWord($(this).text());">immediately</a> <a href="#" onclick="addWord($(this).text());" oncontextmenu="speakWord($(this).text());">innsuficient_medical</a> <a href="#" onclick="addWord($(this).text());" oncontextmenu="speakWord($(this).text());">internal_bleeding</a>
<h3 id="J">J</h3>
<h3 id="K">K</h3>
<h3 id="L">L</h3>
<h3 id="M">M</h3>
<a href="#" onclick="addWord($(this).text());" oncontextmenu="speakWord($(this).text());">major_fracture</a> <a href="#" onclick="addWord($(this).text());" oncontextmenu="speakWord($(this).text());">major_lacerations</a> <a href="#" onclick="addWord($(this).text());" oncontextmenu="speakWord($(this).text());">medical_repaired</a> <a href="#" onclick="addWord($(this).text());" oncontextmenu="speakWord($(this).text());">meters</a> <a href="#" onclick="addWord($(this).text());" oncontextmenu="speakWord($(this).text());">minor_fracture</a> <a href="#" onclick="addWord($(this).text());" oncontextmenu="speakWord($(this).text());">minor_lacerations</a> <a href="#" onclick="addWord($(this).text());" oncontextmenu="speakWord($(this).text());">minutes</a> <a href="#" onclick="addWord($(this).text());" oncontextmenu="speakWord($(this).text());">morphine_shot</a> <a href="#" onclick="addWord($(this).text());" oncontextmenu="speakWord($(this).text());">munitionview_on</a>
<h3 id="N">N</h3>
<a href="#" onclick="addWord($(this).text());" oncontextmenu="speakWord($(this).text());">near_death</a> <a href="#" onclick="addWord($(this).text());" oncontextmenu="speakWord($(this).text());">nine</a> <a href="#" onclick="addWord($(this).text());" oncontextmenu="speakWord($(this).text());">nineteen</a> <a href="#" onclick="addWord($(this).text());" oncontextmenu="speakWord($(this).text());">ninety</a> <a href="#" onclick="addWord($(this).text());" oncontextmenu="speakWord($(this).text());">north</a>
<h3 id="O">O</h3>
<a href="#" onclick="addWord($(this).text());" oncontextmenu="speakWord($(this).text());">one</a> <a href="#" onclick="addWord($(this).text());" oncontextmenu="speakWord($(this).text());">onehundred</a> <a href="#" onclick="addWord($(this).text());" oncontextmenu="speakWord($(this).text());">online</a>
<h3 id="P">P</h3>
<a href="#" onclick="addWord($(this).text());" oncontextmenu="speakWord($(this).text());">pain_block</a> <a href="#" onclick="addWord($(this).text());" oncontextmenu="speakWord($(this).text());">percent</a> <a href="#" onclick="addWord($(this).text());" oncontextmenu="speakWord($(this).text());">pm</a> <a href="#" onclick="addWord($(this).text());" oncontextmenu="speakWord($(this).text());">position</a> <a href="#" onclick="addWord($(this).text());" oncontextmenu="speakWord($(this).text());">powerarmor_on</a> <a href="#" onclick="addWord($(this).text());" oncontextmenu="speakWord($(this).text());">powermove_on</a> <a href="#" onclick="addWord($(this).text());" oncontextmenu="speakWord($(this).text());">powermove_overload</a> <a href="#" onclick="addWord($(this).text());" oncontextmenu="speakWord($(this).text());">power_below</a> <a href="#" onclick="addWord($(this).text());" oncontextmenu="speakWord($(this).text());">power_level_is</a> <a href="#" onclick="addWord($(this).text());" oncontextmenu="speakWord($(this).text());">power_restored</a>
<h3 id="Q">Q</h3>
<h3 id="R">R</h3>
<a href="#" onclick="addWord($(this).text());" oncontextmenu="speakWord($(this).text());">radiation_detected</a> <a href="#" onclick="addWord($(this).text());" oncontextmenu="speakWord($(this).text());">range</a> <a href="#" onclick="addWord($(this).text());" oncontextmenu="speakWord($(this).text());">remaining</a>
<h3 id="S">S</h3>
<a href="#" onclick="addWord($(this).text());" oncontextmenu="speakWord($(this).text());">safe_day</a> <a href="#" onclick="addWord($(this).text());" oncontextmenu="speakWord($(this).text());">seconds</a> <a href="#" onclick="addWord($(this).text());" oncontextmenu="speakWord($(this).text());">seek_medic</a> <a href="#" onclick="addWord($(this).text());" oncontextmenu="speakWord($(this).text());">seven</a> <a href="#" onclick="addWord($(this).text());" oncontextmenu="speakWord($(this).text());">seventeen</a> <a href="#" onclick="addWord($(this).text());" oncontextmenu="speakWord($(this).text());">seventy</a> <a href="#" onclick="addWord($(this).text());" oncontextmenu="speakWord($(this).text());">shock_damage</a> <a href="#" onclick="addWord($(this).text());" oncontextmenu="speakWord($(this).text());">six</a> <a href="#" onclick="addWord($(this).text());" oncontextmenu="speakWord($(this).text());">sixteen</a> <a href="#" onclick="addWord($(this).text());" oncontextmenu="speakWord($(this).text());">sixty</a> <a href="#" onclick="addWord($(this).text());" oncontextmenu="speakWord($(this).text());">south</a>
<h3 id="T">T</h3>
<a href="#" onclick="addWord($(this).text());" oncontextmenu="speakWord($(this).text());">targetting_system</a> <a href="#" onclick="addWord($(this).text());" oncontextmenu="speakWord($(this).text());">ten</a> <a href="#" onclick="addWord($(this).text());" oncontextmenu="speakWord($(this).text());">thirteen</a> <a href="#" onclick="addWord($(this).text());" oncontextmenu="speakWord($(this).text());">thirty</a> <a href="#" onclick="addWord($(this).text());" oncontextmenu="speakWord($(this).text());">three</a> <a href="#" onclick="addWord($(this).text());" oncontextmenu="speakWord($(this).text());">time_is_now</a> <a href="#" onclick="addWord($(this).text());" oncontextmenu="speakWord($(this).text());">time_remaining</a> <a href="#" onclick="addWord($(this).text());" oncontextmenu="speakWord($(this).text());">torniquette_applied</a> <a href="#" onclick="addWord($(this).text());" oncontextmenu="speakWord($(this).text());">twelve</a> <a href="#" onclick="addWord($(this).text());" oncontextmenu="speakWord($(this).text());">twenty</a> <a href="#" onclick="addWord($(this).text());" oncontextmenu="speakWord($(this).text());">twentyfive</a> <a href="#" onclick="addWord($(this).text());" oncontextmenu="speakWord($(this).text());">two</a>
<h3 id="U">U</h3>
<h3 id="V">V</h3>
<a href="#" onclick="addWord($(this).text());" oncontextmenu="speakWord($(this).text());">vitalsigns_on</a> <a href="#" onclick="addWord($(this).text());" oncontextmenu="speakWord($(this).text());">voice_off</a> <a href="#" onclick="addWord($(this).text());" oncontextmenu="speakWord($(this).text());">voice_on</a>
<h3 id="W">W</h3>
<a href="#" onclick="addWord($(this).text());" oncontextmenu="speakWord($(this).text());">warning</a> <a href="#" onclick="addWord($(this).text());" oncontextmenu="speakWord($(this).text());">weaponselect_on</a> <a href="#" onclick="addWord($(this).text());" oncontextmenu="speakWord($(this).text());">weapon_pickup</a> <a href="#" onclick="addWord($(this).text());" oncontextmenu="speakWord($(this).text());">west</a> <a href="#" onclick="addWord($(this).text());" oncontextmenu="speakWord($(this).text());">wound_sterilized</a>
<h3 id="X">X</h3>
<h3 id="Y">Y</h3>
<h3 id="Z">Z</h3>
<a href="#" onclick="addWord($(this).text());" oncontextmenu="speakWord($(this).text());">your</a>
<h3 id="MISC">MISC</h3>
<p><a href="#" onclick="addWord($(this).text());" oncontextmenu="speakWord($(this).text());">beep</a> <a href="#" onclick="addWord($(this).text());" oncontextmenu="speakWord($(this).text());">bell</a> <a href="#" onclick="addWord($(this).text());" oncontextmenu="speakWord($(this).text());">bizwarn</a> <a href="#" onclick="addWord($(this).text());" oncontextmenu="speakWord($(this).text());">bloop</a> <a href="#" onclick="addWord($(this).text());" oncontextmenu="speakWord($(this).text());">boop</a> <a href="#" onclick="addWord($(this).text());" oncontextmenu="speakWord($(this).text());">buzwarn</a> <a href="#" onclick="addWord($(this).text());" oncontextmenu="speakWord($(this).text());">buzz</a> <a href="#" onclick="addWord($(this).text());" oncontextmenu="speakWord($(this).text());">dadeda</a> <a href="#" onclick="addWord($(this).text());" oncontextmenu="speakWord($(this).text());">deeoo</a> <a href="#" onclick="addWord($(this).text());" oncontextmenu="speakWord($(this).text());">doop</a> <a href="#" onclick="addWord($(this).text());" oncontextmenu="speakWord($(this).text());">flatline</a> <a href="#" onclick="addWord($(this).text());" oncontextmenu="speakWord($(this).text());">fuzz</a> <a href="#" onclick="addWord($(this).text());" oncontextmenu="speakWord($(this).text());">hiss</a> <a href="#" onclick="addWord($(this).text());" oncontextmenu="speakWord($(this).text());">woop</a></p>
</section>
</fieldset>
</section>
<br style="clear: both;" />
<script type="text/javascript">
// keep input always in focus
document.getElementById('input').onblur = function(event) {
var blurEl = this;
setTimeout(function() {
blurEl.focus()
}, 10);
};
</script>
</body>
</html>