-
Notifications
You must be signed in to change notification settings - Fork 15
/
Copy pathpolice.html
154 lines (152 loc) · 17.1 KB
/
police.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
<!doctype html>
<html class="no-js" lang="">
<head>
<title>Half-Life Text2Speech - Police</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_police.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/Police.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" onclick="window.location='female.html';" unchecked> <span class="radio" onclick="window.location='female.html';">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" checked> <span class="radio">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>
<p><a href="#" onclick="addWord($(this).text());" oncontextmenu="speakWord($(this).text());">alien1</a> <a href="#" onclick="addWord($(this).text());" oncontextmenu="speakWord($(this).text());">alien2</a> <a href="#" onclick="addWord($(this).text());" oncontextmenu="speakWord($(this).text());">alien3</a> <a href="#" onclick="addWord($(this).text());" oncontextmenu="speakWord($(this).text());">alien4</a> <a href="#" onclick="addWord($(this).text());" oncontextmenu="speakWord($(this).text());">answer1</a> <a href="#" onclick="addWord($(this).text());" oncontextmenu="speakWord($(this).text());">answer2</a> <a href="#" onclick="addWord($(this).text());" oncontextmenu="speakWord($(this).text());">answer3</a> <a href="#" onclick="addWord($(this).text());" oncontextmenu="speakWord($(this).text());">answer4</a> <a href="#" onclick="addWord($(this).text());" oncontextmenu="speakWord($(this).text());">answer5</a> <a href="#" onclick="addWord($(this).text());" oncontextmenu="speakWord($(this).text());">answer6</a> <a href="#" onclick="addWord($(this).text());" oncontextmenu="speakWord($(this).text());">answer7</a> <a href="#" onclick="addWord($(this).text());" oncontextmenu="speakWord($(this).text());">asshole</a></p>
<h3 id="B">B</h3>
<p><a href="#" onclick="addWord($(this).text());" oncontextmenu="speakWord($(this).text());">bravopost</a> <a href="#" onclick="addWord($(this).text());" oncontextmenu="speakWord($(this).text());">bravopostisinposition</a></p>
<h3 id="C">C</h3>
<p><a href="#" onclick="addWord($(this).text());" oncontextmenu="speakWord($(this).text());">charge1</a> <a href="#" onclick="addWord($(this).text());" oncontextmenu="speakWord($(this).text());">charge2</a> <a href="#" onclick="addWord($(this).text());" oncontextmenu="speakWord($(this).text());">charge3</a> <a href="#" onclick="addWord($(this).text());" oncontextmenu="speakWord($(this).text());">charge4</a> <a href="#" onclick="addWord($(this).text());" oncontextmenu="speakWord($(this).text());">charge5</a> <a href="#" onclick="addWord($(this).text());" oncontextmenu="speakWord($(this).text());">check1</a> <a href="#" onclick="addWord($(this).text());" oncontextmenu="speakWord($(this).text());">check2</a> <a href="#" onclick="addWord($(this).text());" oncontextmenu="speakWord($(this).text());">check3</a> <a href="#" onclick="addWord($(this).text());" oncontextmenu="speakWord($(this).text());">check4</a> <a href="#" onclick="addWord($(this).text());" oncontextmenu="speakWord($(this).text());">check5</a> <a href="#" onclick="addWord($(this).text());" oncontextmenu="speakWord($(this).text());">check6</a> <a href="#" onclick="addWord($(this).text());" oncontextmenu="speakWord($(this).text());">check7</a> <a href="#" onclick="addWord($(this).text());" oncontextmenu="speakWord($(this).text());">check8</a> <a href="#" onclick="addWord($(this).text());" oncontextmenu="speakWord($(this).text());">clear1</a> <a href="#" onclick="addWord($(this).text());" oncontextmenu="speakWord($(this).text());">clear10</a> <a href="#" onclick="addWord($(this).text());" oncontextmenu="speakWord($(this).text());">clear11</a> <a href="#" onclick="addWord($(this).text());" oncontextmenu="speakWord($(this).text());">clear12</a> <a href="#" onclick="addWord($(this).text());" oncontextmenu="speakWord($(this).text());">clear2</a> <a href="#" onclick="addWord($(this).text());" oncontextmenu="speakWord($(this).text());">clear3</a> <a href="#" onclick="addWord($(this).text());" oncontextmenu="speakWord($(this).text());">clear4</a> <a href="#" onclick="addWord($(this).text());" oncontextmenu="speakWord($(this).text());">clear5</a> <a href="#" onclick="addWord($(this).text());" oncontextmenu="speakWord($(this).text());">clear6</a> <a href="#" onclick="addWord($(this).text());" oncontextmenu="speakWord($(this).text());">clear7</a> <a href="#" onclick="addWord($(this).text());" oncontextmenu="speakWord($(this).text());">clear8</a> <a href="#" onclick="addWord($(this).text());" oncontextmenu="speakWord($(this).text());">clear9</a> <a href="#" onclick="addWord($(this).text());" oncontextmenu="speakWord($(this).text());">cover1</a> <a href="#" onclick="addWord($(this).text());" oncontextmenu="speakWord($(this).text());">cover2</a> <a href="#" onclick="addWord($(this).text());" oncontextmenu="speakWord($(this).text());">cover3</a> <a href="#" onclick="addWord($(this).text());" oncontextmenu="speakWord($(this).text());">cover4</a> <a href="#" onclick="addWord($(this).text());" oncontextmenu="speakWord($(this).text());">cover5</a> <a href="#" onclick="addWord($(this).text());" oncontextmenu="speakWord($(this).text());">cover6</a></p>
<h3 id="D">D</h3>
<p><a href="#" onclick="addWord($(this).text());" oncontextmenu="speakWord($(this).text());">damnit</a> <a href="#" onclick="addWord($(this).text());" oncontextmenu="speakWord($(this).text());">deltateam</a> <a href="#" onclick="addWord($(this).text());" oncontextmenu="speakWord($(this).text());">die1</a> <a href="#" onclick="addWord($(this).text());" oncontextmenu="speakWord($(this).text());">die2</a> <a href="#" onclick="addWord($(this).text());" oncontextmenu="speakWord($(this).text());">die3</a></p>
<h3 id="E">E</h3>
<h3 id="F">F</h3>
<h3 id="G">G</h3>
<p><a href="#" onclick="addWord($(this).text());" oncontextmenu="speakWord($(this).text());">gethim</a> <a href="#" onclick="addWord($(this).text());" oncontextmenu="speakWord($(this).text());">gren1</a> <a href="#" onclick="addWord($(this).text());" oncontextmenu="speakWord($(this).text());">gren2</a> <a href="#" onclick="addWord($(this).text());" oncontextmenu="speakWord($(this).text());">gren3</a> <a href="#" onclick="addWord($(this).text());" oncontextmenu="speakWord($(this).text());">gren4</a> <a href="#" onclick="addWord($(this).text());" oncontextmenu="speakWord($(this).text());">gren5</a> <a href="#" onclick="addWord($(this).text());" oncontextmenu="speakWord($(this).text());">gren6</a> <a href="#" onclick="addWord($(this).text());" oncontextmenu="speakWord($(this).text());">gr_mgun1</a> <a href="#" onclick="addWord($(this).text());" oncontextmenu="speakWord($(this).text());">gr_mgun2</a> <a href="#" onclick="addWord($(this).text());" oncontextmenu="speakWord($(this).text());">gr_reload1</a></p>
<h3 id="H">H</h3>
<h3 id="I">I</h3>
<p><a href="#" onclick="addWord($(this).text());" oncontextmenu="speakWord($(this).text());">idle1</a> <a href="#" onclick="addWord($(this).text());" oncontextmenu="speakWord($(this).text());">idle2</a> <a href="#" onclick="addWord($(this).text());" oncontextmenu="speakWord($(this).text());">idle3</a> <a href="#" onclick="addWord($(this).text());" oncontextmenu="speakWord($(this).text());">inposition</a></p>
<h3 id="J">J</h3>
<h3 id="K">K</h3>
<p><a href="#" onclick="addWord($(this).text());" oncontextmenu="speakWord($(this).text());">killthatbastard</a> </p>
<h3 id="L">L</h3>
<h3 id="M">M</h3>
<p><a href="#" onclick="addWord($(this).text());" oncontextmenu="speakWord($(this).text());">medic</a></p>
<h3 id="N">N</h3>
<p><a href="#" onclick="addWord($(this).text());" oncontextmenu="speakWord($(this).text());">neutralise</a></p>
<h3 id="O">O</h3>
<h3 id="P">P</h3>
<p><a href="#" onclick="addWord($(this).text());" oncontextmenu="speakWord($(this).text());">pain1</a> <a href="#" onclick="addWord($(this).text());" oncontextmenu="speakWord($(this).text());">pain2</a> <a href="#" onclick="addWord($(this).text());" oncontextmenu="speakWord($(this).text());">pain3</a> <a href="#" onclick="addWord($(this).text());" oncontextmenu="speakWord($(this).text());">pain4</a> <a href="#" onclick="addWord($(this).text());" oncontextmenu="speakWord($(this).text());">pain5</a> <a href="#" onclick="addWord($(this).text());" oncontextmenu="speakWord($(this).text());">player1</a> <a href="#" onclick="addWord($(this).text());" oncontextmenu="speakWord($(this).text());">player2</a> <a href="#" onclick="addWord($(this).text());" oncontextmenu="speakWord($(this).text());">player3</a> <a href="#" onclick="addWord($(this).text());" oncontextmenu="speakWord($(this).text());">player4</a> <a href="#" onclick="addWord($(this).text());" oncontextmenu="speakWord($(this).text());">player5</a> <a href="#" onclick="addWord($(this).text());" oncontextmenu="speakWord($(this).text());">player6</a> <a href="#" onclick="addWord($(this).text());" oncontextmenu="speakWord($(this).text());">player7</a></p>
<h3 id="Q">Q</h3>
<p><a href="#" onclick="addWord($(this).text());" oncontextmenu="speakWord($(this).text());">quest1</a> <a href="#" onclick="addWord($(this).text());" oncontextmenu="speakWord($(this).text());">quest10</a> <a href="#" onclick="addWord($(this).text());" oncontextmenu="speakWord($(this).text());">quest11</a> <a href="#" onclick="addWord($(this).text());" oncontextmenu="speakWord($(this).text());">quest12</a> <a href="#" onclick="addWord($(this).text());" oncontextmenu="speakWord($(this).text());">quest2</a> <a href="#" onclick="addWord($(this).text());" oncontextmenu="speakWord($(this).text());">quest3</a> <a href="#" onclick="addWord($(this).text());" oncontextmenu="speakWord($(this).text());">quest4</a> <a href="#" onclick="addWord($(this).text());" oncontextmenu="speakWord($(this).text());">quest5</a> <a href="#" onclick="addWord($(this).text());" oncontextmenu="speakWord($(this).text());">quest6</a> <a href="#" onclick="addWord($(this).text());" oncontextmenu="speakWord($(this).text());">quest7</a> <a href="#" onclick="addWord($(this).text());" oncontextmenu="speakWord($(this).text());">quest8</a> <a href="#" onclick="addWord($(this).text());" oncontextmenu="speakWord($(this).text());">quest9</a></p>
<h3 id="R">R</h3>
<h3 id="S">S</h3>
<p><a href="#" onclick="addWord($(this).text());" oncontextmenu="speakWord($(this).text());">shit</a> <a href="#" onclick="addWord($(this).text());" oncontextmenu="speakWord($(this).text());">sonofabitch</a> <a href="#" onclick="addWord($(this).text());" oncontextmenu="speakWord($(this).text());">squad</a> <a href="#" onclick="addWord($(this).text());" oncontextmenu="speakWord($(this).text());">suckitdown</a></p>
<h3 id="T">T</h3>
<p><a href="#" onclick="addWord($(this).text());" oncontextmenu="speakWord($(this).text());">target</a> <a href="#" onclick="addWord($(this).text());" oncontextmenu="speakWord($(this).text());">taunt1</a> <a href="#" onclick="addWord($(this).text());" oncontextmenu="speakWord($(this).text());">taunt2</a> <a href="#" onclick="addWord($(this).text());" oncontextmenu="speakWord($(this).text());">taunt3</a> <a href="#" onclick="addWord($(this).text());" oncontextmenu="speakWord($(this).text());">taunt4</a> <a href="#" onclick="addWord($(this).text());" oncontextmenu="speakWord($(this).text());">taunt5</a> <a href="#" onclick="addWord($(this).text());" oncontextmenu="speakWord($(this).text());">taunt6</a> <a href="#" onclick="addWord($(this).text());" oncontextmenu="speakWord($(this).text());">throw1</a> <a href="#" onclick="addWord($(this).text());" oncontextmenu="speakWord($(this).text());">throw2</a> <a href="#" onclick="addWord($(this).text());" oncontextmenu="speakWord($(this).text());">throw3</a> <a href="#" onclick="addWord($(this).text());" oncontextmenu="speakWord($(this).text());">throw4</a></p>
<h3 id="U">U</h3>
<h3 id="V">V</h3>
<h3 id="W">W</h3>
<h3 id="X">X</h3>
<h3 id="Y">Y</h3>
<p><a href="#" onclick="addWord($(this).text());" oncontextmenu="speakWord($(this).text());">youasshole</a></p>
<h3 id="Z">Z</h3>
<h3 id="MISC">MISC</h3>
<p> </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>