Necesito realizar un llamado a un turno (Por ejemplo: J203) por voz y sin necesidad de presionar ningún botón. Sólo que al cargar la página me haga el llamado una sola vez, y cuando recargue la página vuelva a hacerlo (O con el siguiente turno)
Acá el index
<!DOCTYPE html>
<html>
<head>
<title>Siri</title>
<link rel="stylesheet" type="text/css" href="estilo.css">
</head>
<body>
<div>
<input type="text" id="texto">
<input type="button" id="hablar" value="Decir">
</div>
<script src="script.js"></script>
</body>
</html>
Acá los estilos
* {
padding: 0px;
margin: 0px;
font-family: Century Gothic;
}
body {
background-color: #ededed;
}
div {
padding: 30px;
background-color: #fff;
margin: 50px;
}
input {
padding: 9px;
font-size: 18px;
border: solid 1px #aaa;
width: 80%
}
input[type="button"] {
width: 15%
}
Acá el javascript
document.getElementById('hablar').addEventListener("click",()=>{
decir(document.getElementById("texto").value);
});
function decir(texto){
speechSynthesis.speak(new SpeechSynthesisUtterance(texto));
}
decir( )
despues de definirla, en cualquier parte de tu código.DOMContenLoaded
. Me sorprende que conozcas la APIspeechSynthesis
(que es experimental) y no conozcas elDOMContentLoaded
de toda la vida O_O