Skip to content

Commit 82a22d0

Browse files
author
Schalk Neethling
committed
Merge remote-tracking branch 'wsa/main' into import-web-speech-api
2 parents 611d4f9 + 1379305 commit 82a22d0

File tree

4 files changed

+76
-63
lines changed

4 files changed

+76
-63
lines changed

‎web-speech-api/index.html

Lines changed: 34 additions & 25 deletions
Original file line numberDiff line numberDiff line change
@@ -1,30 +1,39 @@
11
<!DOCTYPE html>
2-
<html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="utf-8" />
5+
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
6+
<meta name="viewport" content="width=device-width" />
37

4-
<head>
5-
<meta charset="utf-8">
6-
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
7-
<meta name="viewport" content="width=device-width">
8+
<title>Web Speech API</title>
89

9-
<title>Web Speech API</title>
10-
11-
<link rel="stylesheet" href="style.css">
12-
</head>
13-
14-
<body>
15-
<h1>Pick your test</h1>
16-
<ul>
17-
<li><a href="phrase-matcher/index.html">Phrase matcher</a></li>
18-
<li><a href="speak-easy-synthesis/index.html">Speak easy synthesis</a></li>
19-
<li><a href="speech-color-changer/index.html">Speech color changer</a></li>
20-
</ul>
21-
<h2>More information</h2>
22-
<ul>
23-
<li><a href="https://developer.mozilla.org/en-US/docs/Web/API/Web_Speech_API">Web
24-
Speech API</a></li>
25-
<li><a href="https://github.com/mdn/dom-examples/web-speech-api">The code used on
26-
these pages.</a></li>
27-
</ul>
28-
</body>
10+
<link rel="stylesheet" href="style.css" />
11+
</head>
2912

13+
<body>
14+
<h1>Pick your test</h1>
15+
<ul>
16+
<li><a href="phrase-matcher/index.html">Phrase matcher</a></li>
17+
<li>
18+
<a href="speak-easy-synthesis/index.html">Speak easy synthesis</a>
19+
</li>
20+
<li>
21+
<a href="speech-color-changer/index.html">Speech color changer</a>
22+
</li>
23+
</ul>
24+
<h2>More information</h2>
25+
<ul>
26+
<li>
27+
<a
28+
href="https://developer.mozilla.org/en-US/docs/Web/API/Web_Speech_API"
29+
>Web Speech API</a
30+
>
31+
</li>
32+
<li>
33+
<a href="https://github.com/mdn/dom-examples/web-speech-api"
34+
>The code used on these pages.</a
35+
>
36+
</li>
37+
</ul>
38+
</body>
3039
</html>

‎web-speech-api/phrase-matcher/index.html

Lines changed: 8 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -1,13 +1,13 @@
11
<!DOCTYPE html>
2-
<html>
2+
<html lang="en">
33
<head>
4-
<meta charset="utf-8">
5-
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
6-
<meta name="viewport" content="width=device-width">
4+
<meta charset="utf-8" />
5+
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
6+
<meta name="viewport" content="width=device-width" />
77

88
<title>Phrase matcher</title>
99

10-
<link rel="stylesheet" href="style.css">
10+
<link rel="stylesheet" href="style.css" />
1111
</head>
1212

1313
<body>
@@ -17,9 +17,9 @@ <h1>Phrase matcher</h1>
1717
<button>Start new test</button>
1818

1919
<div>
20-
<p class="phrase">Phrase...</p>
21-
<p class="result">Right or wrong?</p>
22-
<p class="output">...diagnostic messages</p>
20+
<p class="phrase">Phrase...</p>
21+
<p class="result">Right or wrong?</p>
22+
<p class="output">...diagnostic messages</p>
2323
</div>
2424

2525
<script src="script.js"></script>

‎web-speech-api/speak-easy-synthesis/index.html

Lines changed: 28 additions & 24 deletions
Original file line numberDiff line numberDiff line change
@@ -1,38 +1,42 @@
11
<!DOCTYPE html>
2-
<html>
2+
<html lang="en">
33
<head>
4-
<meta charset="utf-8">
5-
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
6-
<meta name="viewport" content="width=device-width">
4+
<meta charset="utf-8" />
5+
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
6+
<meta name="viewport" content="width=device-width" />
77

88
<title>Speech synthesiser</title>
99

10-
<link rel="stylesheet" href="style.css">
10+
<link rel="stylesheet" href="style.css" />
1111
</head>
1212

1313
<body>
1414
<h1>Speech synthesiser</h1>
1515

16-
<p>Enter some text in the input below and press return or the "play" button to hear it. change voices using the dropdown menu.</p>
17-
18-
<form>
19-
<input type="text" class="txt">
20-
<div>
21-
<label for="rate">Rate</label><input type="range" min="0.5" max="2" value="1" step="0.1" id="rate">
22-
<div class="rate-value">1</div>
23-
<div class="clearfix"></div>
24-
</div>
25-
<div>
26-
<label for="pitch">Pitch</label><input type="range" min="0" max="2" value="1" step="0.1" id="pitch">
27-
<div class="pitch-value">1</div>
28-
<div class="clearfix"></div>
29-
</div>
30-
<select>
16+
<p>
17+
Enter some text in the input below and press return or the "play" button
18+
to hear it. change voices using the dropdown menu.
19+
</p>
3120

32-
</select>
33-
<div class="controls">
34-
<button id="play" type="submit">Play</button>
35-
</div>
21+
<form>
22+
<label for="txt">Enter text</label>
23+
<input id="txt" type="text" class="txt" />
24+
<div>
25+
<label for="rate">Rate</label
26+
><input type="range" min="0.5" max="2" value="1" step="0.1" id="rate" />
27+
<div class="rate-value">1</div>
28+
<div class="clearfix"></div>
29+
</div>
30+
<div>
31+
<label for="pitch">Pitch</label
32+
><input type="range" min="0" max="2" value="1" step="0.1" id="pitch" />
33+
<div class="pitch-value">1</div>
34+
<div class="clearfix"></div>
35+
</div>
36+
<select></select>
37+
<div class="controls">
38+
<button id="play" type="submit">Play</button>
39+
</div>
3640
</form>
3741

3842
<script src="script.js"></script>

‎web-speech-api/speech-color-changer/index.html

Lines changed: 6 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -1,21 +1,21 @@
11
<!DOCTYPE html>
2-
<html>
2+
<html lang="en">
33
<head>
4-
<meta charset="utf-8">
5-
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
6-
<meta name="viewport" content="width=device-width">
4+
<meta charset="utf-8" />
5+
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
6+
<meta name="viewport" content="width=device-width" />
77

88
<title>Speech color changer</title>
99

10-
<link rel="stylesheet" href="style.css">
10+
<link rel="stylesheet" href="style.css" />
1111
</head>
1212

1313
<body>
1414
<h1>Speech color changer</h1>
1515

1616
<p class="hints"></p>
1717
<div>
18-
<p class="output"><em>...diagnostic messages</em></p>
18+
<p class="output"><em>...diagnostic messages</em></p>
1919
</div>
2020

2121
<script src="script.js"></script>

0 commit comments

Comments
 (0)