Convertir texto a voz con javascript

Imprimir

 

voice

Este ejemplo muestra como podemos convertir texto a voz usando una librería de JavaScript. La librería que se use para esto es meSpeakJS. Para el ejemplo uso la voz por default que es para INGLES, pero tiene soporte para mas lenguajes como Español. Si quieres saber como configurar la librería puedes consultar su documentación.

El ejemplo lo puedes ver AQUI

El ejemplo que muestro, utiliza 3 archivos JS que puedes descargar de la pagina demeSpeakJS, estos archivos se llaman SPEAKCLIENT.JS SPEAKWORKER.JS y SPEAKGENERATOR.JS, deben estar en la misma carpeta los 3. En nuestro archivo index HTML debemos de agregar el archivo SPEAKCLIENT.JS nadamas, tambien debemos de tener un DIV con id=”audio”, como el siguiente código que es el del ejemplo.
 
<!DOCTYPE HTML>
<html>
<head>
<title>Texto-Voz</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<script src="speakClient.js"></script>
<link href="css/style.css" rel="stylesheet" type="text/css" media="all" />
</head>
<body>
	<div class="wrap">
		<div class="content">
			<div class="logo">
 
				<span><img src="images/signal.png"/>Convierte Texto A Voz</span>
			</div>
			<div class="buttom">
				<div class="seach_bar">
					<p>Escribe el  <span><a href="#">texto</a></span> que quieras escuchar (INGLES)</p>
					<div class="search_box">
					<form id="texto" onsubmit="speak(text.value, { amplitude: 100, wordgap: 0, pitch: 50 , speed: 175 });return false">
					   <input type="text" value="Hello my friends, this is an example" name="text" onfocus="this.value = '';" onblur="if (this.value == '') {this.value = 'Hello my friends, this is an example.';}"><input type="submit" value="">
				    </form>
				    <div id="audio"></div>
					 </div>
				</div>
			</div>
		</div>
	</div>
	<script>
	$(document).ready(function() {
		setTimeout(speak('Hello my friends, this is an example',{ amplitude: 100, wordgap: 0, pitch: 50 , speed: 175 }),3000);
	});
	</script>
</body>
</html>
Para hacer que se lea el texto se usa la función llamada SPEAK que recibe como parámetros el texto a leer y los opciones de sonido.
speak('Hello my friends, this is an example',{ amplitude: 100, wordgap: 0, pitch: 50 , speed: 175 });

El código del ejemplo completo lo puedes descargar de AQUÍ

 

Fuente: http://netosolis.com/convertir-texto-voz-con-javascript/

Tags: