2010-07-28 18 views
25

¿Hay tal jugador? Estoy buscando crear uno simplemente fuera de JavaScript. Algo así como http://www.nihilogic.dk/labs/pocket_full_of_html5/ pero al azar todos juntos?HTML5 Audio Visualizer?

¿Cuáles son sus pensamientos?

+0

¿Pensamientos? Es prematuro Pasará mucho, mucho tiempo antes de que algo parecido a la API de Audio Data experimental esté disponible como estándar en los navegadores. – bobince

+1

La API de datos de audio es funcional en la versión beta de Firefox más reciente, pero estoy de acuerdo, pasarán unos años antes de que sea estándar (incluso más para compatibilidad con navegadores cruzados) – JKirchartz

+2

Luego se crea un plugin genial para la diáspora y todo el los niños geniales tendrán que abandonar IE. Tendremos la paz mundial dentro de un mes. – einarmagnus

Respuesta

3

Creo que el Firefox experimental Actualmente, la API de audio es la única forma en que puede hacer esto en HTML + Javascript, aunque esto está lejos de ser un HTML5 oficial. Tiene una lectura de la documentación aquí:

https://wiki.mozilla.org/Audio_Data_API

Incluye un ejemplo de un analizador de espectro simple. También me recomiendo explorar los enlaces de demostración en la misma página:

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

Es un momento emocionante para ser un desarrollador Javascript y espero que los otros proveedores de navegadores abrazan esta API. ¡Finalmente podemos obtener sonido en todos esos emuladores de Javascript para empezar!

34

2 años más tarde y se encuentre una solución :)

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

También me topé con un sitio web que utiliza la API de audio y three.js para crear bastante agradables visualizaciones que buscan: http://do.adive.in/music/

+0

La demostración no funciona en Chrome cuando lo intento. – Moss

+0

¿Hay una demostración funcional de esto? – Supuhstar

+0

http://jsantell.github.io/dancer.js/ funciona para mí en Chrome: ¿esperó a que se cargara y luego hizo clic en "Reproducir"? – Ezeke

19

Más de 3 años después y tenemos esto: .

+1

¡Eso es tan hermoso e hipnótico! – Keavon

+1

Awesome implementation! –