ASRinServer / templates /index.html
LeireTedCas's picture
Update templates/index.html
671377f
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>TedCas Speech Recognition Modelo Cliente-Servidor</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
<body>
<!-- Agregar un logotipo desde una URL -->
<img src="https://tse4.mm.bing.net/th?id=OIP.KUs6tP0b1rKLZ5lBq7JAEQHaDS&pid=Api&P=0&h=180" alt="Logotipo de la empresa" width="300">
<h1>TedCas Speech Recognition Modelo Cliente-Servidor</h1>
<p>{{ texto_imprimir }}</p>
<!--<p>{{ condition }}</p>-->
<div id="controls">
<button id="recordButton">Record</button>
<button id="pauseButton" disabled>Pause</button>
<button id="stopButton" disabled>Stop</button>
</div>
<div id="formats">Format: start recording to see sample rate</div>
<p><strong>Recordings:</strong></p>
<ol id="recordingsList"></ol>
<!--<script>
function actualizarCondition() {
var xhr = new XMLHttpRequest();
xhr.onreadystatechange = function () {
if (xhr.readyState == 4 && xhr.status == 200) {
// Actualizar la variable con la respuesta del servidor
window.globalCondition = xhr.responseText;
// Imprimir el valor en la consola
console.log("html");
console.log(globalCondition);
}
};
xhr.open("GET", "/", true);
xhr.send();
}
actualizarValor();
</script>-->
<!-- inserting these scripts at the end to be able to use all the elements in the DOM -->
<script src="https://cdn.rawgit.com/mattdiamond/Recorderjs/08e7abd9/dist/recorder.js"></script>
<!--<script>
window.condition = "{{ condition }}";
console.log("html");
console.log(condition);
</script>-->
<!-- Agrega un cuadro de texto para mostrar la respuesta -->
<!--<input type="text" id="responseTextBox" readonly>-->
<div id="textElement"></div>
<!--<div id="condition"></div>
<script>
var condition = {{ condition }};
</script>-->
<script src="/static/js/app.js"></script>
<!-- El texto plano se mostrará aquí -->
</body>
</html>