La settimana scorsa sono stato ad una HTML5 hackathon. Con un collega abbiamo esplorato la web audio API definita in HTML5. Penso che il risultato sia ottimo, quindi volevo condividerlo qui come showcase di cosa ci si può fare. L'applicazione è online all'indirizzo http://soundscape.nodester.com. Lì trovate anche il link al codice su github. Il codice va pulito, è appunto il risultato di una hackathon, ma penso che sia capibile, se avete domande sono qua.
L'API è al momento supportata solo da Chrome, meglio ancora Canary in quanto quest'ultimo ha un bug fix che evita un crash al reload della pagina.
In pratica si tratta di muovere un criceto volante in giro per la mappa. È poi possibile attivare suoni dell'ambiente circostante e eventi da lastFM con l'anteprima dell'album dell'artista che tiene il concerto. Tramite la web audio API i suoni sono posizionati geograficamente, con il risultato che a seconda di posizione e direzione del criceto varia il modo in cui si sente il suono. Consigliato l'uso delle cuffie.
Istruzioni, scusate per la pessima UI:
Bottone 1: posiziona la mappa alla posizione corrente (anche se a mio parere zooma un po' troppo)
Bottone 2: avvia il download dei suoni per l'area attorno al criceto
Bottone 3: attiva/disattiva eventi e suoni da lastFM (da selezionare prima del download)
Bottone 4: attiva/disattiva suoni ambientali da freesound. (da selezionare prima del download)
Rispondi quotando