Autor Tema: AudioSense v0.1  (Leído 1998 veces)

0 Usuarios y 1 Visitante están viendo este tema.

luckyr13

  • Atte. luckyr13
  • Mensajes: 16
  • Liked: 0
    • Quanaxoft
AudioSense v0.1
« : agosto 25, 2016, 08:50:59 pm »
Hola,

Espero estén muy bien, solamente quería compartir una aplicación que desarrollé hace tiempo. El código no es muy complejo pero creo que el enfoque puede ser interesante.

Utilizando la Web Audio Api de HTML5 podemos hacer que un visitante a nuestra página web pueda utilizar su micrófono y procesar la señal de audio en tiempo real. A su vez, gracias al trabajo que se ha realizado con HTML5, también podemos conectar con la cámara web y mostrarla por decir, en un contenedor canvas.

Procesando el audio en tiempo real podríamos lograr desarrollar aplicaciones de audio muy interesantes (mixers, implementar filtros al audio, etc). Y que tal, si interpretaramos la frecuencia de sonido y la mostráramos en su color de frecuencia?

Les comparto el enlace a esta pequeña aplicación, la cual tiene como objetivo ese mismo, procesar en tiempo real el audio capturado del micrófono del usuario y mostrar su color equivalente:
https://s3-us-west-2.amazonaws.com/richiemx.com/index.html

El código no es muy complejo, está todo en Javascript y HTML, para la equivalencia de colores me basé de esta página: http://www.flutopedia.com/sound_color.htm

La verdad me pareció un proyecto divertido, si pones un video de pavarotti noté que se genera mucho color morado .. el rock va más hacia los rojos .. sería padre si alguien puede probar el programa para recibir un poco de feedback, el proyecto es algo viejo, pero a lo mejor a alguien le puede servir el código para implementar un proyecto más elaborado.

En esa misma página puse algunas pruebas que realicé con Canvas, donde por decir, muestro un fractal (ojo, que mientras más zoom le des, el navegador puede que se tarde un poco pues requiere mucho poder de procesamiento para generar la imágen).

Un saludo! :)
salu2!