Ver Mensaje Individual
  #3 (permalink)  
Antiguo 19/11/2020, 15:37
prueba230683
 
Fecha de Ingreso: abril-2011
Mensajes: 170
Antigüedad: 13 años, 1 mes
Puntos: 68
Respuesta: Web inclusiva

Como indica Daniel Ulczyk, HTML5 tiene su propio API de síntesis de voz.

Adjunto un ejemplo rápido: https://jsfiddle.net/bef1wpLd/

Código HTML:
Ver original
  1. <div id="contenido">
  2.   <h1>Texto de ejemplo</h1>
  3.   <h2>
  4.   HTML5  es la última versión de HTML. El término representa dos conceptos diferentes:
  5.   Se trata de una nueva versión de HTML, con nuevos elementos, atributos y comportamientos.
  6.   Contiene un conjunto más amplio de tecnologías que permite a los sitios Web y a las aplicaciones ser más diversas y de gran alcance.
  7.   </h2>
  8. </div>
  9. <button onclick="sintetizador(document.getElementById('contenido').textContent)">Escuchar desde el principio</button>
  10. <button onclick="window.speechSynthesis.pause()">Detener audio</button>
  11. <button onclick="window.speechSynthesis.resume()">Continuar audio</button>

Código Javascript:
Ver original
  1. function sintetizador(texto){
  2.   window.speechSynthesis.cancel();
  3.   var msg = new SpeechSynthesisUtterance(texto);
  4.   window.speechSynthesis.speak(msg);
  5. }

Solo es cuestión de adaptarlo a tus necesidades.


Última edición por prueba230683; 19/11/2020 a las 15:51