Google MusicLab, aprender y enseñar conceptos musicales básicos

12 mini-aplicaciones web ilustran y permiten jugar con sendos conceptos musicales de forma entretenida y útil para enseñarlos/aprenderlos. El código fuente está disponible, pleno de ejemplos sencillos de Web Audio, Web GL y otras tecnologías. Es la contribución de Google al MIOSM-2016. El vídeo de presentación no hace honor a lo divertido que resulta entrar en la página MusicLab, así que os animo a visitarla.

No descarto usar alguna de ellas para quizá iniciar algún mini tuto sobre los temas que tratan, así que si queréis señalarme sobre cuál/es os apetece/n más, señaladlo en los comentarios.

Music In Our Schools Month (MIOSM) es una iniciativa de la NAfME (National Association for Music Education, en USA) que lleva años celebrándose. Trata de potenciar durante marzo la presencia y reflexión en torno a la importancia de la educación musical para todos los niños en cualquier escuela ordinaria.Algo que nos suena un tanto lejano y no sólo por los kilómetros de distancia. Pero este año la ubicua mano de Google nos lo pone a tiro de piedra. El interés puede alcanzar mucho más allá del colectivo infantil al que su estética invoca, y de hecho he pasado un más que divertido rato con las 12 propuestas / temas que compendia.

Desde un navegador compatible con las tecnologías implicadas (desde luego Chrome, pero también Firefox, que es lo que he usado yo) ilustran de manera un tanto naif, pero válida para arrancar una discusión/presentación más profunda, un batiburrillo desorganizado de materias:

• Creación de patrones de ritmo
• Visualización de espectrogramas
• Construcción de acordes mayores y menores
• Las ondas sonoras en el aire
• Arpegios
• Kandinsky, relación música-pintura
• Construcción de melodías
• Una especie de 'jog wheel'
• Los armónicos en cuerdas
• El rollo de pianola
• Osciladores y formas de onda
• División de cuerdas e intervalos

Es por tanto algo más anecdótico que enciclopédico. Una recopilación de contribuciones dispares, pero con todo merece la visita. No dudo que voy a usarlo con mi hija pequeña y con algún adulto recién llegado a las cuestiones musicales. Sólo veo 'fuera de juego' a los adolescentes por su típica aversión a todo lo que suene infantil aunque pueda ser de valor.

Para programadores, el código fuente de cada aplicación ejemplifica de forma sencilla y que puede servir de base para crear otras nuevas, abundan en el uso de

• La API Web Audio que permite crear/analizar sonidos en un navegador, y que contiene los elementos por ejemplo para crear un sintetizador (osciladores, filtros, envs, lfos, etc.)
• La API WebGL, que da acceso desde el navegador a las funciones de las GPU cara a la presentación visual.
• La API getUserMedia, en este caso usada para la gestión de entrada desde micrófono
• Tone.js, un desarrollo sobre Web Audio quye facilita aún más la generación e interacción con música
• Pixi.js, un motor para animaciones 2D

Por cierto, tenéis más ejemplos en el foro en hispasonic dedicado a Web-MIDI y Web-Audio.

Más información | Google Musiclab