Este piano sintetizador está escrito exclusivamente con HTML5, JavaScript y CSS3. Contiene muchos sonidos sintetizados y colores que se muestran a partir de tocar unas cuantas notas (Para ver los controles, pulsa el botón que está en la parte superior derecha).
¿Cómo funciona?
No utiliza un único archivo de audio estático, sino que las genera sobre la marcha a nivel de byte y luego los convierte en archivos usando el esquema de URI de datos. No utiliza imágenes, si no solo CSS puro para los colores. Podrás crear casi cualquier tipo de archivo con un URI de datos, como un archivo de mapa de bits o un favicon.
Es interesante como nuevas opciones de HTML5, Javascript y CSS3 puedan crear tanto con tan poco, como el caso de URI y la generación de audio para usar notas de piano.
Entra y úsalo tú mismo mrcoles.com/piano.
