Os 12 webs míni aplicativos ilustram e permitem jogar com todos os conceitos musicais de forma divertida e útil para ensinar e aprender. O código fonte está disponível, cheio de exemplos simples de Web Áudio, Web GL e outras tecnologias. É a contribuição do Google para MIOSM-2016. O vídeo de apresentação não faz jus a diversão de entrar na página MusicLab, então sugerimos a visita.
Music In Our Schools Month (MIOSM) é uma iniciativa do NAfME (Associação Nacional para a Educação Musical nos EUA) que passou anos sendo comemorada. Durante os meses de março procura-se reforçar a presença e reflexão sobre a importância da educação musical para todas as crianças em qualquer escola. Essas iniciativas demonstram como EUA esta a quilômetros de distância de outros países em relação a música. Mas este ano a mão onipresente do Google nos facilita a vida. O interesse pode chegar muito além do coletivo infantil e utilizar as 12 propostas que Google no apresenta pode ser muito interessante.
A partir de um navegador compatível com as tecnologias envolvidas (Chrome e Firefox) ilustram de forma um tanto ingênua, mas válido para iniciar uma discussão.
Criação de padrões rítmicos
Exibição espectrogramas
Construção de acordes maiores e menores
As ondas sonoras no ar
Arpejos
Kandinsky, relação de pintura de música
Construção de melodias
Uma espécie de “jog wheel ‘
Os harmônicos em cordas
Piano
Osciladores e formas de onda
Divisão de cordas e intervalos
É, portanto, algo mais anedótico do que enciclopédico. Uma recopilação de contribuições díspar, mas apesar de tudo, merece uma visita. Sem dúvida, dá para usar com os filhos pequenos e um adulto novato nas práticas musicais. Só está “fora do jogo” os adolescentes impedidos por sua aversão normal a qualquer coisa que soe infantil, embora possa se dar valor.
Para os desenvolvedores, o código-fonte de cada aplicação exemplifica facilmente e pode servir como uma base para criar novos, abundam no uso de:
A API Web Áudio, que permite criar e analisar sons em um navegador e que contém os elementos, por exemplo, para criar um sintetizador (osciladores, filtros, envs, LFOs, etc.);
A API WebGL, que fornece acesso do navegador para as funções GPU frente à apresentação visual;
Os API getUserMedia, neste caso usado para gerenciar a entrada de microfone;
Tone.js, desenvolvimento de Web Audio que vem facilitar ainda mais a geração e interação com a música; e
Pixi.js, um motor para animações 2D.