Upload 40 files

templates/buscador_admision.html

@@ -13,20 +13,16 @@
 		<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.8rem;">Barra de busqueda:</h2>
-			<form action="{{url_for('buscador_admision')}}" method="post">
-			<input type="search" name="busqueda" placeholder="Escriba aquí la busqueda a realizar" style="box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.2);width: 70%;  border:3px solid black; border-radius: 10px;font-size: 1.5rem;"required="required" >
-				
-				
-            <button type="submit" class="btn btn-primary btn-block btn-large" style="padding-bottom: 1%;width:4%;background-color: rgb(0, 128, 255);border:1px solid white; border-radius: 30%;box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.2);" > <img src="{{ user_image4 }}" alt="" style="max-width:100%;padding-bottom: 0.5%;" > </button>
-			<br>
-			<br>
-			<button type="button" name="escu" style="padding-right: 78%;font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman';font-size: 1.4rem;background-color: white; border: solid white" onclick="location.href='/escuchar_admision1'">Ir al asistente de voz:   <img src="{{ user_image5 }}"   style="max-width:35%;border-radius: 100%;box-shadow:2px 2px 2px 1px rgba(0, 0, 0, 0.2);" onclick="location.href='/escuchar_admision1'"></button>	
-			<br>
-			<br>
-			<b style="font-size: 1.2rem;font-family: Arial, Helvetica, sans-serif;">{{prediction_text}}</b>
+		<form action="{{url_for('buscador_admision')}}" method="post">
+			<input type="search" name="busqueda" placeholder="Escriba aquí la busqueda a realizar" style="box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.2);width: 70%;  border:3px solid black; border-radius: 10px;font-size: 1.5rem;" required="required">
+
+
+			<button type="submit" class="btn btn-primary btn-block btn-large" style="padding-bottom: 1%;width:4%;background-color: rgb(0, 128, 255);border:1px solid white; border-radius: 30%;box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.2);"> <img src="{{ user_image4 }}" alt="" style="max-width:100%;padding-bottom: 0.5%;"> </button>
+
+			<!--<b style="font-size: 1.2rem;font-family: Arial, Helvetica, sans-serif;">{{prediction_text}}</b>-->
 			{% for titulo,link in result_busqueda.items() %}
-			
-			<a  href="{{link}}" style="font-size: 1.8rem;font-family: Arial, Helvetica, sans-serif;">{{titulo}}</a>
+
+			<a href="{{link}}" style="font-size: 1.8rem;font-family: Arial, Helvetica, sans-serif;">{{titulo}}</a>
 			<br>
 			<br>
 			{% endfor %}
@@ -35,27 +31,54 @@
 			<br>
 			<br>
 			{% for faq in faqs %}
-			
+
 
 			<b style="font-size: 1.2rem;font-family: Arial, Helvetica, sans-serif;">{{faq}}</b>
 			<br>
 			<br>
-			
-			{% endfor %}	
+
+			{% endfor %}
 
 			<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:30%;" onclick="location.href='/mapa_camas'">
-			<img src="{{ user_image9 }}" style="max-width:30%;" onclick="location.href='/ambulancias'" >
-				
-			
+            <table id="miTabla" style="border-collapse: collapse; border: none;">
+				<tr>
+					<td>
+            			<img src="{{ user_image8 }}" style="max-width:70%;" onclick="location.href='/mapa_camas'">
+                      
+					</td>
+					<td>
+        			  <img src="{{ user_image9 }}" style="max-width:70%;" onclick="location.href='/ambulancias'">
+						
+					</td>
+					<td>
+            			<img src="{{ user_image10 }}" style="max-width:70%;" onclick="location.href='/programacion_quirurgica'">
+						
+					</td>
+				</tr>
+				<tr>
+					<td>
+            			<img src="{{ user_image11 }}" style="max-width:70%;" onclick="location.href='/otros'">
+						
+					</td>
+					<td>
+						<img src="{{ preguntas_respuestas }}" style="max-width:70%;" onclick="location.href='/preguntas_respuestas_admin?link2={{nid2}}'">
+                      
+					</td>
+					<td>
+					
+                			<img src="{{ user_image5 }}" style="max-width:70%;border-radius: 100%;box-shadow:2px 2px 2px 1px rgba(0, 0, 0, 0.2);" onclick="location.href='/escuchar_admision1'">
+						
+					</td>
+				</tr>
+			</table>
+
+
 			<br>
-			<img src="{{ user_image10 }}" style="max-width:30%;" onclick="location.href='/programacion_quirurgica'">
-			<img src="{{ user_image11 }}" style="max-width:30%;" onclick="location.href='/otros'" >
-			
-			
-			</form>
+
+
+		</form>
 
 		</div>
 	</body>

templates/buscador_trauma.html

@@ -12,20 +12,17 @@
 		<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.8rem;">Barra de busqueda:</h2>
-			<form action="{{url_for('buscador_trauma')}}" method="post">
-			<input type="search" name="busqueda" placeholder="Escriba aquí la busqueda a realizar" style="box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.2);width: 70%;  border:3px solid black; border-radius: 10px;font-size: 1.5rem;"required="required" >
-				
-				
-            <button type="submit" class="btn btn-primary btn-block btn-large" style="padding-bottom: 1%;width:4%;background-color: rgb(0, 128, 255);border:1px solid white; border-radius: 30%;box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.2);" > <img src="{{ user_image4 }}" alt="" style="max-width:100%;padding-bottom: 0.5%;" > </button>
-			<br>
-			<br>
-			<button type="button" name="escu" style="padding-right: 78%;font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman';font-size: 1.4rem;background-color: white; border: solid white" onclick="location.href='/escuchar_trauma1'">Ir al asistente de voz:   <img src="{{ user_image5 }}"   style="max-width:35%;border-radius: 100%;box-shadow:2px 2px 2px 1px rgba(0, 0, 0, 0.2);" onclick="location.href='/escuchar_trauma1'"></button>	
-			<br>
+		<form action="{{url_for('buscador_trauma')}}" method="post">
+			<input type="search" name="busqueda" placeholder="Escriba aquí la busqueda a realizar" style="box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.2);width: 70%;  border:3px solid black; border-radius: 10px;font-size: 1.5rem;" required="required">
+
+
+			<button type="submit" class="btn btn-primary btn-block btn-large" style="padding-bottom: 1%;width:4%;background-color: rgb(0, 128, 255);border:1px solid white; border-radius: 30%;box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.2);"> <img src="{{ user_image4 }}" alt="" style="max-width:100%;padding-bottom: 0.5%;"> </button>
 			<br>
+
 			<b style="font-size: 1.2rem;font-family: Arial, Helvetica, sans-serif;">{{prediction_text}}</b>
 			{% for nid,titulo in result_busqueda.items() %}
-			
-			<a  href="/resultado_trauma?link={{nid}}" style="font-size: 1.8rem;font-family: Arial, Helvetica, sans-serif;">{{titulo}}</a>
+
+			<a href="location.href='/resultado_trauma?link={{nid}}" style="font-size: 1.8rem;font-family: Arial, Helvetica, sans-serif;">{{titulo}}</a>
 			<br>
 			<br>
 			{% endfor %}
@@ -34,37 +31,54 @@
 			<br>
 			<br>
 			{% for faq in faqs %}
-			
+
 
 			<b style="font-size: 1.2rem;font-family: Arial, Helvetica, sans-serif;">{{faq}}</b>
 			<br>
 			<br>
-			
-			{% endfor %}	
+
+			{% endfor %}
 
 			<b style="font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman';font-size: 1.8rem;">Selectores: </b>
+			<table id="miTabla" style="border-collapse: collapse; border: none;">
+	<tr>
+		<td>
+			<img src="{{ user_image8 }}" style="max-width:70%;" onclick="location.href='/pdf_casa_trauma?link2={{nid2}}'">
+		</td>
+		<td>
+			<img src="{{ user_image9 }}" style="max-width:70%;" onclick="location.href='/protocolos_trauma?link2={{nid2}}'">
+		</td>
+		<td>
+			<img src="{{ user_image10 }}" style="max-width:70%;" onclick="location.href='/guia_visual_trauma?link2={{nid2}}'">
+		</td>
+	</tr>
+	<tr>
+		<td>
+			<img src="{{ user_image11 }}" style="max-width:70%;" onclick="location.href='/videos_trauma?link2={{nid2}}'">
+		</td>
+		<td>
+			<img src="{{ user_image12 }}" style="max-width:70%;" onclick="location.href='/materiales_trauma?link2={{nid2}}'">
+		</td>
+		<td>
+			<img src="{{ preguntas_respuestas }}" style="max-width:60%;" onclick="location.href='/preguntas_respuestas_trauma?link2={{nid2}}'">
+			<br />
+			<img src="{{ user_image5 }}" style="max-width:60%;border-radius: 100%;box-shadow:2px 2px 2px 1px rgba(0, 0, 0, 0.2);" onclick="location.href='/escuchar_trauma1'">
+		</td>
+	</tr>
+</table>
 			<br>
-			<br>
-			<img src="{{ user_image8 }}" style="max-width:20%;" onclick="location.href='/pdf_casa_trauma?link2={{nid2}}'">
-			<img src="{{ user_image9 }}" style="max-width:20%;" onclick="location.href='/protocolos_trauma?link2={{nid2}}'" >
-			<img src="{{ user_image10 }}" style="max-width:20%;" onclick="location.href='/guia_visual_trauma?link2={{nid2}}'" >
-			<br>
-			<img src="{{ user_image11 }}" style="max-width:20%;"  onclick="location.href='/videos_trauma?link2={{nid2}}'">
-			<img src="{{ user_image12 }}" style="max-width:20%;"  onclick="location.href='/materiales_trauma?link2={{nid2}}'">			
-			<br>
-			<br>
-			
+
 			<br>
 			<br>
 
-		
 
-			
 
 
-			
-			
-			</form>
+
+
+
+
+		</form>
 
 			
 

templates/buscador_uro.html

@@ -12,25 +12,17 @@
 		<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.8rem;">Barra de busqueda:</h2>
-			<form action="{{url_for('buscador_uro')}}" method="post">
-			<input type="search" name="busqueda" placeholder="Escriba aquí la busqueda a realizar" style="box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.2);width: 50%;  border:2% solid black; border-radius: 0.5rem;font-size: 1.5rem;"required="required" >
-				
-				
-            <button type="submit" class="btn btn-primary btn-block btn-large" style="padding-bottom: 1%;width:4%;background-color: rgb(0, 128, 255);border:solid white; border-radius: 0.8rem;box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.2);" > <img src="{{ user_image4 }}" alt="" style="max-width:100%;padding-bottom: 0.5%;" > </button>
-			<br>
-			
-			<br>
-			<button type="button" name="escu" style="padding-right: 78%;font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman';font-size: 1.4rem;background-color: white; border: solid white" onclick="location.href='/escuchar_uro1'">Ir al asistente de voz:   <img src="{{ user_image5 }}"   style="max-width:35%;border-radius: 100%;box-shadow:2px 2px 2px 1px rgba(0, 0, 0, 0.2);" onclick="location.href='/escuchar_uro1'"></button>
-			<br>
-			<br>
-			
-			<b style="font-size: 1.2rem;font-family: Arial, Helvetica, sans-serif;">{{prediction_text}}</b>
+		<form action="{{url_for('buscador_uro')}}" method="post">
+			<input type="search" name="busqueda" placeholder="Escriba aquí la busqueda a realizar" style="box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.2);width: 50%;  border:2% solid black; border-radius: 0.5rem;font-size: 1.5rem;" required="required">
+
+
+			<button type="submit" class="btn btn-primary btn-block btn-large" style="padding-bottom: 1%;width:4%;background-color: rgb(0, 128, 255);border:solid white; border-radius: 0.8rem;box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.2);"> <img src="{{ user_image4 }}" alt="" style="max-width:100%;padding-bottom: 0.5%;"> </button>
 			<br>
-			
+
 
 			{% for nid,titulo in result_busqueda.items() %}
-			
-			<a  href="/resultado_uro?link={{nid}}" style="font-size: 1.8rem;font-family: Arial, Helvetica, sans-serif;">{{titulo}}</a>
+
+			<a href="location.href='/resultado_uro?link={{nid}}" style="font-size: 1.8rem;font-family: Arial, Helvetica, sans-serif;">{{titulo}}</a>
 			<br>
 			<br>
 			{% endfor %}
@@ -39,30 +31,49 @@
 			<br>
 			<br>
 			{% for faq in faqs %}
-			
+
 
 			<b style="font-size: 1.2rem;font-family: Arial, Helvetica, sans-serif;">{{faq}}</b>
 			<br>
 			<br>
-			
-			{% endfor %}	
 
+			{% endfor %}
 			<b style="font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman';font-size: 1.8rem;">Selectores: </b>
+			<table id="miTabla" style="border-collapse: collapse; border: none;">
+	<tr>
+		<td>
+			<img src="{{ user_image8 }}" style="max-width:70%;" onclick="location.href='/pdf_casa_uro?link2={{nid2}}'">
+		</td>
+		<td>
+			<img src="{{ user_image9 }}" style="max-width:70%;" onclick="location.href='/protocolos_uro?link2={{nid2}}'">
+		</td>
+		<td>
+			<img src="{{ user_image10 }}" style="max-width:70%;" onclick="location.href='/guia_visual_uro?link2={{nid2}}'">
+		</td>
+	</tr>
+	<tr>
+		<td>
+			<img src="{{ user_image11 }}" style="max-width:70%;" onclick="location.href='/videos_uro?link2={{nid2}}'">
+		</td>
+		<td>
+			<img src="{{ user_image12 }}" style="max-width:70%;" onclick="location.href='/materiales_uro?link2={{nid2}}'">
+		</td>
+		<td>
+			<img src="{{ preguntas_respuestas }}" style="max-width:60%;" onclick="location.href='/preguntas_respuestas_uro?link2={{nid2}}'">
+			<br />
+			<img src="{{ user_image5 }}" style="max-width:60%;border-radius: 100%;box-shadow:2px 2px 2px 1px rgba(0, 0, 0, 0.2);" onclick="location.href='/escuchar_uro1'">
+		</td>
+	</tr>
+</table>
 			<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}}'">		
 
-			
 
 
-			
-			
-			</form>
+
+		</form>
 
 			
 

templates/escuchar_admision.html

@@ -8,26 +8,24 @@
 </head>
 <body>
 	<div class="login22">
-		<h2 style="font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;font-size: 3rem;background-color: gray;"><img src="{{ user_image7 }}" alt="" style="max-width:5%;" onclick="location.href='/especialidad'">  Admisión: </h2>
+		<h2 style="font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;font-size: 3rem;background-color: gray;"><img src="{{ user_image7 }}" alt="" style="max-width:5%;" onclick="location.href='/escuchar_admision1'">  Admisión: </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_admision')}}" method="post">
-				<button type="submit" 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" >Escuchar:   <img src="{{ user_image5 }}" width="35% " style=" border-radius: 100%;box-shadow:2px 2px 2px 1px rgba(0, 0, 0, 0.2);" ></button>
-				
-			
-				
-				
+				<form action="{{url_for('escuchar_admision')}}" method="post">
+
+
 			
 
-		
+
+
+
 			<br>
-			<br>	
-		
-	    <b style="font-size: 1.4rem;font-family: Arial, Helvetica, sans-serif;">{{prediction_text}}</b>
-		{% for titulo,link in result_busqueda.items() %}
-			
-			<a  href="{{link}}" style="font-size: 1.2rem;font-family: Arial, Helvetica, sans-serif;">{{titulo}}</a>
+			<br>
+
+			<b style="font-size: 1.4rem;font-family: Arial, Helvetica, sans-serif;">{{prediction_text}}</b>
+			{% for titulo,link in result_busqueda.items() %}
+
+			<a href="{{link}}" style="font-size: 1.2rem;font-family: Arial, Helvetica, sans-serif;">{{titulo}}</a>
 			<br>
 			<br>
 			{% endfor %}
@@ -37,26 +35,26 @@
 			<br>
 
 			{% for faq in faqs %}
-			
+
 
 			<b style="font-size: 1.2rem;font-family: Arial, Helvetica, sans-serif;">{{faq}}</b>
 			<br>
 			<br>
-			
-			{% endfor %}	
+
+			{% endfor %}
 
 			<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:30%;" onclick="location.href='/mapa_camas'">
-			<img src="{{ user_image9 }}" style="max-width:30%;" onclick="location.href='/ambulancias'" >
-				
-			
+			<img src="{{ user_image9 }}" style="max-width:30%;" onclick="location.href='/ambulancias'">
+
+
 			<br>
 			<img src="{{ user_image10 }}" style="max-width:30%;" onclick="location.href='/programacion_quirurgica'">
-			<img src="{{ user_image11 }}" style="max-width:30%;" onclick="location.href='/otros'" >
-			
-			
+			<img src="{{ user_image11 }}" style="max-width:30%;" onclick="location.href='/otros'">
+
+
 		</form>
 	
 

templates/escuchar_admision1.html

@@ -13,8 +13,38 @@
 		<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_admision1')}}" 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_admision'">Escuchar:   <img src="{{ user_image5 }}"  width="35% " style=" border-radius: 100%;box-shadow:2px 2px 2px 1px rgba(0, 0, 0, 0.2);" onclick="location.href='/escuchar_admision'"></button>
-				
+				<button type="button" id="startRecording" 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_admision'">Escuchar:   <img src="{{ user_image5 }}"  width="60% " style=" border-radius: 100%;box-shadow:2px 2px 2px 1px rgba(0, 0, 0, 0.2);" onclick="location.href='/escuchar_admision'"></button>
+				<div id="output"></div>
+
+			<script src="https://cdnjs.cloudflare.com/ajax/libs/socket.io/4.0.1/socket.io.js"></script>
+			<script>
+				const socket = io.connect('https://' + document.domain + ':' + location.port, { secure: true });
+				const startRecordingButton = document.getElementById('startRecording');
+				const outputDiv = document.getElementById('output');
+				let mediaRecorder;
+				let audioChunks = [];
+				let recognition;
+
+				startRecordingButton.addEventListener('click', () => {
+					if (!recognition) {
+						recognition = new webkitSpeechRecognition();
+						recognition.lang = 'es-ES';
+						recognition.onresult = function (event) {
+							const result = event.results[0][0].transcript;
+							socket.emit('audio_data', result);
+						};
+
+					}
+					try {
+						recognition.start();
+					} catch (error) {
+						console.error('Error al iniciar el reconocimiento de voz: ', error);
+					}
+				});
+				socket.on('transcription', function (data) {
+					outputDiv.innerHTML = 'Texto reconocido: ${data}';
+				});
+			</script>
 			
 				
 				

templates/escuchar_trauma.html

@@ -8,17 +8,15 @@
 </head>
 <body>
 	<div class="login22">
-		<h2 style="font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;font-size: 3rem;background-color: darkcyan;"><img src="{{ user_image7 }}" alt="" style="max-width:5%;" onclick="location.href='/especialidad'">  Traumatología</h2>
+		<h2 style="font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;font-size: 3rem;background-color: darkcyan;"><img src="{{ user_image7 }}" alt="" style="max-width:5%;" onclick="location.href='/escuchar_trauma1'">  Traumatologí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_trauma')}}" method="post">
-				<button type="submit" 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" >Escuchar:   <img src="{{ user_image5 }}" width="35% " style=" border-radius: 100%;box-shadow:2px 2px 2px 1px rgba(0, 0, 0, 0.2);" ></button>
-				
+		<form action="{{url_for('escuchar_trauma')}}" method="post">
 			
-				
-				
-			</form>
+
+
+
+		</form>
 
 		
 			<br>

templates/escuchar_trauma1.html

@@ -13,9 +13,40 @@
 		<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_trauma1')}}" 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_trauma'">Escuchar:   <img src="{{ user_image5 }}"  width="35% " style=" border-radius: 100%;box-shadow:2px 2px 2px 1px rgba(0, 0, 0, 0.2);" onclick="location.href='/escuchar_trauma'"></button>
+				<button type="button" id="startRecording" 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_trauma'">Escuchar:   <img src="{{ user_image5 }}"  width="60% " style=" border-radius: 100%;box-shadow:2px 2px 2px 1px rgba(0, 0, 0, 0.2);" onclick="location.href='/escuchar_trauma'"></button>
 				
-			
+			<div id="output"></div>
+
+			<script src="https://cdnjs.cloudflare.com/ajax/libs/socket.io/4.0.1/socket.io.js"></script>
+			<script>
+				const socket = io.connect('https://' + document.domain + ':' + location.port, { secure: true });
+				const startRecordingButton = document.getElementById('startRecording');
+				const outputDiv = document.getElementById('output');
+				let mediaRecorder;
+				let audioChunks = [];
+				let recognition;
+
+				startRecordingButton.addEventListener('click', () => {
+					if (!recognition) {
+						recognition = new webkitSpeechRecognition();
+						recognition.lang = 'es-ES';
+						recognition.onresult = function (event) {
+							const result = event.results[0][0].transcript;
+							socket.emit('audio_data', result);
+						};
+
+					}
+					try {
+						recognition.start();
+					} catch (error) {
+						console.error('Error al iniciar el reconocimiento de voz: ', error);
+					}
+				});
+				socket.on('transcription', function (data) {
+                  outputDiv.innerHTML = `Texto reconocido: ${data}`;
+
+				});
+			</script>
 				
 				
 			</form>

templates/escuchar_uro.html

@@ -8,17 +8,15 @@
 </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>
+		<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='/escuchar_uro1'">  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_uro')}}" method="post">
-				<button type="submit" 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" >Escuchar:   <img src="{{ user_image5 }}" width="35% " style=" border-radius: 100%;box-shadow:2px 2px 2px 1px rgba(0, 0, 0, 0.2);" ></button>
-				
+		<form action="{{url_for('escuchar_uro')}}" method="post">
+
 			
-				
-				
-			</form>
+
+
+		</form>
 
 		
 			<br>

templates/escuchar_uro1.html

@@ -13,8 +13,38 @@
 		<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="35% " style=" border-radius: 100%;box-shadow:2px 2px 2px 1px rgba(0, 0, 0, 0.2);" onclick="location.href='/escuchar_trauma'"></button>
-				
+				<button type="button" id="startRecording" 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="60% " style=" border-radius: 100%;box-shadow:2px 2px 2px 1px rgba(0, 0, 0, 0.2);" onclick="location.href='/escuchar_trauma'"></button>
+				<div id="output"></div>
+
+			<script src="https://cdnjs.cloudflare.com/ajax/libs/socket.io/4.0.1/socket.io.js"></script>
+			<script>
+				const socket = io.connect('https://' + document.domain + ':' + location.port, { secure: true });
+				const startRecordingButton = document.getElementById('startRecording');
+				const outputDiv = document.getElementById('output');
+				let mediaRecorder;
+				let audioChunks = [];
+				let recognition;
+
+				startRecordingButton.addEventListener('click', () => {
+					if (!recognition) {
+						recognition = new webkitSpeechRecognition();
+						recognition.lang = 'es-ES';
+						recognition.onresult = function (event) {
+							const result = event.results[0][0].transcript;
+							socket.emit('audio_data', result);
+						};
+
+					}
+					try {
+						recognition.start();
+					} catch (error) {
+						console.error('Error al iniciar el reconocimiento de voz: ', error);
+					}
+				});
+				socket.on('transcription', function (data) {
+					outputDiv.innerHTML = 'Texto reconocido: ${data}';
+				});
+			</script>
 			
 				
 				

templates/preguntas_respuestas.html

@@ -0,0 +1,54 @@
+<!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: green;"><img src="{{ user_image7 }}" alt="" style="max-width:5%;" onclick="location.href='/especialidad'">  Preguntas y respuestas</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/>	
+		<form action="{{url_for('buscador_trauma')}}" method="post">
+
+			<br>
+			
+
+
+			<b style="font-size: 1.5rem;font-family: Arial, Helvetica, sans-serif;">{{faq_titulo}}</b>
+			<br>
+			<br>
+			{% for faq in faqs %}
+
+
+			<b style="font-size: 1.2rem;font-family: Arial, Helvetica, sans-serif;">{{faq}}</b>
+			<br>
+			<br>
+
+			{% endfor %}
+
+			
+
+
+
+
+
+
+
+
+		</form>
+
+			
+
+		
+				
+		
+	    
+		
+
+
+	</div>
+</body>
+</html>