JavaScript - Código para crear un dictado online

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.