Hola.
Ante todo pido perdón por mi ignorancia.
Quiero crear una web donde se puedan hacer dictados online al estilo de "listen and write"
http://www.listen-and-write.com/
Estoy aprendiendo javascript, por mi cuenta, con el objetivo de crearla, pero soy un novato y estoy estancado.
Mi idea es:
Hay un archivo de audio que "se da al play" y se escucha el texto.
Una caja de texto "A", con todo el texto del dictado, oculto. (Que se irá desvelando a medida que se escriba.)
Otra caja de texto "B" donde, a medida que se escriba cada letra del dictado haga lo siguiente:
Que en la caja de texto "A", la letra pulsada, deje de estar oculta.
Por ejemplo:
Texto en "A"
"Esto es el texto del dictado."
Caja texto "B"
Si escribo la letra E (Mayúscula) tan sólo dejará de estar oculta la E de:"Esto".
Luego, cuando escriba la "s" minúscula de:"Esto", deja de estar oculta la s.
De modo que en la caja de Texto "A" se vería:
Es
Si escribo una letra que no es la que va en ese lugar, que no haga nada.
Y que tan solo desvele la letra de la posición siguiente a la desvelada. Es decir, si escribe la letra: e
que no desvele todas las "es" del texto oculto.
Tengo algo de experiencia con html y css, pero en javascript, casi nada.
Ruego ayuda.
Si se os ocurre otra solución o forma de hacerlo soy todo oídos.
Gracias.
Genial!, lo primero que deberías hacer es profundizar en aprender javascript.
Puedes hacerlo en páginas como www.freecodecamp.org o www.codecademy.com .
Te dejo hecho un pequeño trozo para que te ayude con el TextToSpeech: https://jsbin.com/madurinoto/edit?html,js,output .
Puedes leer más sobre TextToSpeech aquí https://developers.google.com/web/updates/2014/01/Web-apps-that-talk-Introduction-to-the-Speech-Synthesis-API.
Ante todo pido perdón por mi ignorancia.
Quiero crear una web donde se puedan hacer dictados online al estilo de "listen and write"
http://www.listen-and-write.com/
Estoy aprendiendo javascript, por mi cuenta, con el objetivo de crearla, pero soy un novato y estoy estancado.
Mi idea es:
Hay un archivo de audio que "se da al play" y se escucha el texto.
Una caja de texto "A", con todo el texto del dictado, oculto. (Que se irá desvelando a medida que se escriba.)
Otra caja de texto "B" donde, a medida que se escriba cada letra del dictado haga lo siguiente:
Que en la caja de texto "A", la letra pulsada, deje de estar oculta.
Por ejemplo:
Texto en "A"
"Esto es el texto del dictado."
Caja texto "B"
Si escribo la letra E (Mayúscula) tan sólo dejará de estar oculta la E de:"Esto".
Luego, cuando escriba la "s" minúscula de:"Esto", deja de estar oculta la s.
De modo que en la caja de Texto "A" se vería:
Es
Si escribo una letra que no es la que va en ese lugar, que no haga nada.
Y que tan solo desvele la letra de la posición siguiente a la desvelada. Es decir, si escribe la letra: e
que no desvele todas las "es" del texto oculto.
Tengo algo de experiencia con html y css, pero en javascript, casi nada.
Ruego ayuda.
Si se os ocurre otra solución o forma de hacerlo soy todo oídos.
Gracias.
06/10/2016 20:31
Puedes hacerlo en páginas como www.freecodecamp.org o www.codecademy.com .
Te dejo hecho un pequeño trozo para que te ayude con el TextToSpeech: https://jsbin.com/madurinoto/edit?html,js,output .
Puedes leer más sobre TextToSpeech aquí https://developers.google.com/web/updates/2014/01/Web-apps-that-talk-Introduction-to-the-Speech-Synthesis-API.
Suerte!
07/10/2016 01:07
09/10/2016 13:49
Si vas a tener que tener bien claras las bases de JS.
Mucha suerte.