IoT-Arduino/interfaz.html at master · OoMagicBlueoO/IoT-Arduino · 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
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
<!DOCTYPE html>
<!-- saved from url=(0041)http://192.168.1.78:8080/iot/control.html -->
<html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

	<meta name="viewport" content="width=200, initial-scale=2, maximum-scale=2">
	<title>IoT is very hard</title>
</head>
<body cz-shortcut-listen="true">
<p id="temperatura">Cargando...</p>
<button id="escuchar">Escuchar</button>
<h2 id="status"></h2>

<script type="text/javascript">
const voz = new webkitSpeechRecognition()
const boton = document.getElementById("escuchar")
const status = document.getElementById("status")

boton.addEventListener("click", correr)

voz.lang = "es-ES"
voz.onresult = mostrar;

function correr(eve) {
	voz.start()
	status.innerHTML = "Escuchando..."
}

function mostrar(resultados) {
	var msj = resultados.results[0][0].transcript;
	var confianza = parseInt(resultados.results[0][0].confidence * 100)
	msj = msj.toLowerCase()

	status.innerHTML = msj + " - " + confianza + "%"

	fetch("/mensaje", {
		method: "post",
		headers: {
			'Accept': 'application/json, text/plain, */*',
    		'Content-Type': 'application/json'
		},
		body: JSON.stringify({voz: msj})
	}).then(
		function () {
			console.log("Mensaje enviado")
		}
	)

}

</script>