QuirohelpASRServer / templates /escuchar_uro1.html
JPLTedCas's picture
Update templates/escuchar_uro1.html
e8e90a7
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title> Quirohelp </title>
</head>
<body>
<div class="login22">
<h2 style="font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;font-size: 3rem;background-color: saddlebrown;"><img src="{{ user_image7 }}" alt="" style="max-width:5%;" onclick="location.href='/especialidad'"> Urolog铆a </h2>
<h3 style="padding-left: 80%;font-size: 1.2rem;" onclick="location.href='/ajustes'">AJUSTES <img src="{{ user_image6 }}" alt="" style="max-width:18%;"></h3>
<hr />
<h2 style="font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman';font-size: 1.7rem;">Asistente de voz:</h2>
<form action="{{url_for('escuchar_uro1')}}" method="post">
<button type="button" style="padding-right: 85%;font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman';font-size: 1.2rem;padding-left: 1%;background-color: white; border: solid white" onclick="location.href='/escuchar_uro'">Escuchar: <img src="{{ user_image5 }}" width="30% " style=" border-radius: 100%;box-shadow:2px 2px 2px 1px rgba(0, 0, 0, 0.2);" onclick="location.href='http://127.0.0.1:5000/escuchar_trauma'"></button>
<script>
navigator.mediaDevices.getUserMedia({ audio: true }).then((stream) => {
const mediaRecorder = new MediaRecorder(stream)
})
</script>
</form>
<!---------------------------------------------------------------------------------------->
<div id="controls">
<button id="recordButton">Grabar Voz</button>
<!--<button id="pauseButton" disabled>Pause</button>-->
<button id="stopButton" disabled>Parar grabacion y buscar</button>
</div>
<div id="formats">Dele al bot贸n "Grabar Voz". Cuando acabe, dele al bot贸n "Parar grabaci贸n..." y obtendr谩 el resultado de la b煤squeda</div>
<p><strong>Grabaci贸n:</strong></p>
<ol id="recordingsList"></ol>
<!-- inserting these scripts at the end to be able to use all the elements in the DOM -->
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script src="https://cdn.rawgit.com/mattdiamond/Recorderjs/08e7abd9/dist/recorder.js"></script>
<script src="/static/js/appuro.js"></script>
<!-- Agrega un cuadro de texto para mostrar la respuesta -->
<!--<input type="text" id="responseTextBox" readonly>-->
<!--<div id="textElement">-->
<!-- El texto plano se mostrar谩 aqu铆 -->
<!--</div>-->
<!--<h1>Grabaci贸n de Audio</h1>
<br>
<br>
<!--<b style="font-size: 1.4rem;font-family: Arial, Helvetica, sans-serif;">{{prediction_text}}</b>-->
<br>
<br>
<!---------------------------------------------------------------------------------------->
<br>
<br>
<b style="font-size: 1.4rem;font-family: Arial, Helvetica, sans-serif;">{{prediction_text}}</b>
<br>
<br>
<b style="font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman';font-size: 1.8rem;">Selectores: </b>
<br>
<br>
<img src="{{ user_image8 }}" style="max-width:20%;" onclick="location.href='/pdf_casa_uro?link2={{nid2}}'">
<img src="{{ user_image9 }}" style="max-width:20%;" onclick="location.href='/protocolos_uro?link2={{nid2}}'">
<img src="{{ user_image10 }}" style="max-width:20%;" onclick="location.href='/guia_visual_uro?link2={{nid2}}'">
<br>
<img src="{{ user_image11 }}" style="max-width:20%;" onclick="location.href='/videos_uro?link2={{nid2}}'">
<img src="{{ user_image12 }}" style="max-width:20%;" onclick="location.href='/materiales_uro?link2={{nid2}}'">
</div>
</body>
</html>