-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathpage5.html
73 lines (68 loc) · 2.41 KB
/
page5.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
<!DOCTYPE html>
<html>
<head>
<title>Page 5</title>
<script src="https://cdn.jsdelivr.net/npm/@tensorflow/tfjs"></script>
<script src="https://cdn.jsdelivr.net/npm/@tensorflow-models/speech-commands"></script>
<link rel="stylesheet" type="text/css" href="style.css" />
</head>
<body>
<header>
<h1>Page 5</h1>
</header>
<nav>
<ul>
<li><a href="home.html">Home</a></li>
<li><a href="page1.html">Page 1</a></li>
<li><a href="page2.html">Page 2</a></li>
<li><a href="page3.html">Page 3</a></li>
<li><a href="page4.html">Page 4</a></li>
<li><a href="page6.html">Page 6</a></li>
<li><a href="page7.html">Page 7</a></li>
<li><a href="page8.html">Page 8</a></li>
<li><a href="page9.html">Page 9</a></li>
</ul>
</nav>
<div id="customPopup" class="popup">
<div class="popup-content">
<p id="popupMessage">Do you want to navigate to Page X?</p>
<button onclick="confirmNavigation(true)">Yes</button>
<button onclick="confirmNavigation(false)">No</button>
</div>
</div>
<main>
<section id="content-placeholder">
<h2>Page 5</h2>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus
lacinia odio vitae vestibulum. Pellentesque in ipsum id orci porta
dapibus. Curabitur non nulla sit amet nisl tempus convallis quis ac
lectus.
</p>
</section>
<h1>Speech Command Recognition</h1>
<button id="toggleRecognition">Start Recognition</button>
<div id="classificationResult" style="margin-top: 20px">
<h2>Classification Result:</h2>
<p id="resultText">No result yet</p>
</div>
<script src="speech-recognition.js"></script>
<div class="info-box">
<h2>How to Use the Recognizer</h2>
<p>Follow these steps to use the voice command recognizer:</p>
<ul>
<li>
Click on 'Start Recognition' to enable voice recognition and allow
microphone access.
</li>
<li>Say a number between zero (home) and ten.</li>
<li>
If the number is recognized, a popup will ask if you want to
navigate to the corresponding page.
</li>
<li>Say 'yes' to navigate, or 'no' to stay on the current page.</li>
</ul>
</div>
</main>
</body>
</html>