DrawWith-Voice/index.html at main · souvikpal2000/DrawWith-Voice · GitHub

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
<!--Open in localhost-->
<!DOCTYPE html>
<html>
	<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">

		<script src="https://cdnjs.cloudflare.com/ajax/libs/p5.js/1.2.0/p5.js"></script>
    	<script src="https://cdnjs.cloudflare.com/ajax/libs/p5.js/1.2.0/addons/p5.sound.min.js"></script>

		<!--<script src="./scripts/p5.js" type="text/javascript" charset="utf-8" async defer></script>
		<script src="./scripts/p5.sound.min.js" type="text/javascript" charset="utf-8" async defer></script>-->

		<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-BmbxuPwQa2lc/FVzBcNJ7UAyJxM6wuqIj61tLrc4wSX0szH/Ev+nYRRuWlolflfl" crossorigin="anonymous">
		<link rel="stylesheet" type="text/css" href="./css/style.css">

		<title></title>
	</head>
	<body>
		<div class="container-fluid bg-light p-5 text-center my-3">
			<h1>Draw Line Using Voice</h1>
			<h5 class="text-muted">Commands : UP, DOWN, RIGHT, LEFT, STOP, START, RESTART</h5>
		</div>
		<h4 class="content"></h4>
		<div>
			<script src="./scripts/p5.speech.js"></script>
			<script src="./scripts/main.js"></script>
		</div>
	</body>
	<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta2/dist/js/bootstrap.bundle.min.js"></script>
</html>