231 lines
7.5 KiB
HTML
231 lines
7.5 KiB
HTML
<!doctype html>
|
|
|
|
<html lang="es">
|
|
|
|
<head>
|
|
<link rel="shortcut icon" href="/IMG/favicon.ico" type="image/x-icon">
|
|
<link rel="icon" href="IMG/favicon.ico" type="image/x-icon">
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
<title>Testing y Aseguramiento Calidad</title>
|
|
<link href="CSS/estilo.css" rel="stylesheet">
|
|
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">
|
|
|
|
<!-- Global site tag (gtag.js) - Google Analytics -->
|
|
<script async src="https://www.googletagmanager.com/gtag/js?id=G-4YY91HY1X3"></script>
|
|
|
|
<script>
|
|
window.dataLayer = window.dataLayer || [];
|
|
function gtag(){dataLayer.push(arguments);}
|
|
gtag('js', new Date());
|
|
gtag('config', 'G-4YY91HY1X3');
|
|
</script>
|
|
|
|
</head>
|
|
|
|
<body>
|
|
<div class="container">
|
|
<div class="row d-flex justify-content-center">
|
|
<div id="barra"class="col-sm center">
|
|
<div class="pids-wrapper"><img id="mic" src="IMG/mic_off.png" alt="Estado del micronofo" width="20" height="20">
|
|
<div class="pid"></div>
|
|
<div class="pid"></div>
|
|
<div class="pid"></div>
|
|
<div class="pid"></div>
|
|
<div class="pid"></div>
|
|
<div class="pid"></div>
|
|
<div class="pid"></div>
|
|
<div class="pid"></div>
|
|
<div class="pid"></div>
|
|
<div class="pid"></div>
|
|
<div class="pid"></div>
|
|
<div class="pid"></div>
|
|
<div class="pid"></div>
|
|
<div class="pid"></div>
|
|
<div class="pid"></div>
|
|
<div class="pid"></div>
|
|
<div class="pid"></div>
|
|
<div class="pid"></div>
|
|
</div></div>
|
|
</div>
|
|
</div>
|
|
<blockquote class="blockquote text-center">
|
|
<p class="mb-0"><h2>Traductor de Voz a Texto y Lengua de señas</h2><footer>Testing y Aseguramiento Calidad</footer></p>
|
|
<div class="col-sm d-flex justify-content-center">
|
|
<button id="bon" class="btn btn-success" onclick="runSpeechRecognition();">Comenzar</button>
|
|
<button id="boff"class="btn btn-danger" onclick="stopSpeechRecognition();" disabled>Detener</button>
|
|
<button type="button" class="btn btn-primary" data-bs-toggle="modal" data-bs-target="#exampleModal">Ayuda</button>
|
|
</div>
|
|
</blockquote>
|
|
|
|
<br/>
|
|
<div id="procesar"></div>
|
|
<div class="container">
|
|
|
|
<hr/>
|
|
|
|
<div class="row">
|
|
|
|
<div class="col-sm-12 center">
|
|
|
|
<span class="badge badge-pill badge-primary">Audio a Texto </span>
|
|
|
|
<div class="form-group center">
|
|
|
|
<textarea id="output" class="form-control TEXTO_TRA" style="height: 100px;"></textarea>
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<br/>
|
|
|
|
<div class="row">
|
|
|
|
<div class="col-lg-6" class="form-control">
|
|
|
|
<span class="badge badge-pill badge-primary">LSA - LENGUA DE SEÑAS ARGENTINAS</span>
|
|
|
|
<div class="form-group">
|
|
|
|
<textarea id="outputsenasAR" class="form-control SLA_AR" style="height: 200px;"></textarea>
|
|
|
|
</div>
|
|
</div>
|
|
|
|
<div class="col-lg-6">
|
|
<span class="badge badge-pill badge-primary">LSU - LENGUA DE SEÑAS URUGUAYAS</span>
|
|
|
|
<div class="form-group" >
|
|
|
|
<textarea id="outputsenasUY" class="form-control SLA_UY" style="height: 200px;"></textarea>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
<hr/><br>
|
|
|
|
<div class="row">
|
|
<div class="col-lg-12">
|
|
<div class="form-group" >
|
|
<button type="button" class="btn btn-success" onclick="cambiarSenasAR()" >SEÑAS LSA</button>
|
|
<button type="button" class="btn btn-success" onclick="cambiarSenasUY()" >SEÑAS LSU</button>
|
|
<button type="button" class="btn btn-success" onclick="cambiarTexto()" >TEXTO</button>
|
|
<textarea id="outputHistoria" class="form-control SLA_AR" style="height: 100px;"></textarea>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
<!-- Modal -->
|
|
<div class="modal fade" id="exampleModal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
|
|
<div class="modal-dialog">
|
|
<div class="modal-content">
|
|
<div class="modal-header">
|
|
<h5 class="modal-title" id="exampleModalLabel">Menú de Ayuda</h5>
|
|
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
|
|
</div>
|
|
<div class="modal-body">
|
|
A continuación las opciones de ayuda:
|
|
<ul>
|
|
<li>Puede descargar el manual de usuario <a href="/MANUAL/manual.pdf">aquí</a>.</li>
|
|
<li>Puede durante el dictado utilizar las siguientes palabras claves y seran transformadas automaticamente.</li>
|
|
</ul>
|
|
<table class="table">
|
|
<tbody><tr>
|
|
<th id="cell_say">Diga</th>
|
|
<th>Para insertar</th>
|
|
</tr>
|
|
<tr title="Haga clic para insertar" onclick="insertarSimbolo('.')">
|
|
<td id="cell_period">Punto</td>
|
|
<td>.</td>
|
|
</tr>
|
|
<tr title="Haga clic para insertar" onclick="insertarSimbolo(',')">
|
|
<td id="cell_comma">Coma</td>
|
|
<td>,</td>
|
|
</tr>
|
|
<tr title="Haga clic para insertar" onclick="insertarSimbolo('?')">
|
|
<td id="cell_question">Signo de interrogación</td>
|
|
<td>?</td>
|
|
</tr>
|
|
<tr title="Haga clic para insertar" onclick="insertarSimbolo(':')">
|
|
<td id="cell_colon">Dos puntos</td>
|
|
<td>:</td>
|
|
</tr>
|
|
<tr title="Haga clic para insertar" onclick="insertarSimbolo(';')">
|
|
<td id="cell_semi">Punto y coma</td>
|
|
<td>;</td>
|
|
</tr>
|
|
<tr title="Haga clic para insertar" onclick="insertarSimbolo('!')">
|
|
<td id="cell_exclamation">Signo de exclamación</td>
|
|
<td>!</td>
|
|
</tr>
|
|
<tr title="Haga clic para insertar" onclick="insertarSimbolo('-')">
|
|
<td id="cell_dash">Guión</td>
|
|
<td>-</td>
|
|
</tr>
|
|
<tr title="Haga clic para insertar" onclick="insertarSimbolo('NEW_LINE')">
|
|
<td id="cell_line">Nueva línea</td>
|
|
<td>↵</td>
|
|
</tr>
|
|
<tr title="Haga clic para insertar" onclick="insertarSimbolo('NEW_LINE2')">
|
|
<td id="cell_paragraph">Nuevo apartado</td>
|
|
<td>↵↵</td>
|
|
</tr>
|
|
<tr title="Haga clic para insertar" onclick="insertarSimbolo('(')">
|
|
<td id="cell_open">Abrir paréntesis</td>
|
|
<td>(</td>
|
|
</tr>
|
|
<tr title="Haga clic para insertar" onclick="insertarSimbolo(')')">
|
|
<td id="cell_close">Cerrar paréntesis</td>
|
|
<td>)</td>
|
|
</tr>
|
|
<tr title="Haga clic para insertar" onclick="insertarSimbolo(':-)')">
|
|
<td id="cell_smiley">Cara sonriente</td>
|
|
<td>:-)</td>
|
|
</tr>
|
|
<tr title="Haga clic para insertar" onclick="insertarSimbolo(':-(')">
|
|
<td id="cell_sad">Cara triste</td>
|
|
<td>:-(</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
<div class="modal-footer">
|
|
<button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Cerrar</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<footer class="mojFooter">
|
|
|
|
<div class="container text-center">
|
|
<div class="row" style="margin-top: 7px;">
|
|
<p> © Laboratorio de Investigación Gugler - 2021.</p>
|
|
</div>
|
|
</div>
|
|
|
|
</footer>
|
|
|
|
|
|
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
|
|
<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.bundle.min.js" integrity="sha384-MrcW6ZMFYlzcLA8Nl+NtUVF0sA7MsXsP1UyJoMp4YLEuNSfAP+JcXn/tWtIaxVXM" crossorigin="anonymous"></script>
|
|
<script type="text/javascript" src="JS/recognition.js"></script>
|
|
<script type="text/javascript" src="JS/notify.min.js"></script>
|
|
|
|
<script>
|
|
|
|
if ('webkitSpeechRecognition' in window) {} else {$.notify("El navegador no es compatible!", "error");}
|
|
|
|
</script>
|
|
|
|
|
|
</body>
|
|
</html>
|
|
|