2010-07-28 17 views
25

Esiste un giocatore del genere? Sto cercando di farne uno solo su JavaScript. Qualcosa come http://www.nihilogic.dk/labs/pocket_full_of_html5/ ma casualmente tutto purè insieme?Visualizzatore audio HTML5?

Quali sono i tuoi pensieri?

+0

Pensieri? È prematuro. Sarà molto, molto tempo prima che qualcosa di simile all'API Audio Data sperimentale sia disponibile come standard nei browser. – bobince

+1

L'API Audio Data è funzionante nell'ultima versione di FireFox Beta, ma sono d'accordo, ci vorranno alcuni anni prima che questo sia standard (ancora più lungo per il supporto cross-browser) – JKirchartz

+2

Quindi si crea un plugin per lettore audio per diaspora e tutto il i bambini fantastici dovranno abbandonare IE. Avremo pace mondiale entro un mese. – einarmagnus

risposta

3

Credo che il Firefox sperimentale L'API audio è attualmente l'unico modo per farlo in HTML + Javascript, sebbene questo non sia l'HTML5 ufficiale. Avere una lettura della documentazione qui:

https://wiki.mozilla.org/Audio_Data_API

Esso comprende un esempio di un semplice analizzatore di spettro. Ho anche Consiglio vivamente di esplorare i link demo sulla stessa pagina:

https://wiki.mozilla.org/Audio_Data_API#Working_Audio_Data_Demos

E 'un momento eccitante per essere uno sviluppatore Javascript e spero che gli altri produttori di browser abbracciano questa API. Possiamo finalmente ottenere il suono in tutti quegli emulatori Javascript per cominciare!

34

2 anni dopo e si trovi una soluzione :)

https://github.com/jsantell/dancer.js

Ho anche incappato in un sito web che utilizza l'API audio e Three.js per creare abbastanza piacevoli effetti grafici che cercano: http://do.adive.in/music/

+0

La demo non funziona in Chrome quando provo. – Moss

+0

Esiste una demo funzionante di questo? – Supuhstar

+0

http://jsantell.github.io/dancer.js/ funziona per me in Chrome: hai aspettato che venisse caricato e fatto clic su "Riproduci"? – Ezeke

19

Più di 3 anni dopo, abbiamo questo: .

+1

È così bello e affascinante! – Keavon

+1

Impressionante implementazione! –