Archivo no soportado.
Por favor, arrastre una canción en formato Mp3.

Suelta aquí tu MP3

Arrastra tu mp3

Arrastra y suelta un mp3 desde tu ordenador para reproducirlo y deleitarte con la animación reactiva a tu música preferida.

Reproductor de Audio Reactivo

html5, css3, javascript

y un cd de música gratis!


Tras haber cumplido un año a vuestro lado, nos gustaría mostraros este reproductor de audio reactivo que hemos desarrollado para celebrarlo. Explorando y explotando las nuevas posibilidades web que nos brindan lenguajes como el HTML5, CSS3 y JAVASCRIPT.

Aprovechando el momento, compartimos con vosotros con mucha ilusión toda la música que se reproduce en este sitio. Un CD creado en exclusiva por para su descarga gratuita. Disfruta escuchándolo, o descárgalo para que pueda acompañarte donde quiera que estés.


Instrucciones:
La utilización del sitio es muy sencilla, simplemente dale a PLAY en el reproductor y comenzará la animación reactiva a la música.

Puedes probar la animación con cualquiera de tus canciones favoritas, arrastra un archivo MP3 dentro de la ventana del navegador, y sonará automáticamente.

Para descargar el CD de música, utilizamos el sistema de pay with a tweet. Debes pinchar en el siguiente enlace, y rellenar el formulario para compartir la noticia en tu Twitter o Facebook y recibirás la notificación de la descarga en breves instantes.

Agradecimientos:
Para la realización de este proyecto hemos utilizado unas librerías javascript de terceros, a los que queremos agradecer enormemente la labor que realizan de forma desinteresada. Gracias ellos podemos disfrutar de unas experiencias web cada vez más completas.

Muchas gracias a Jordan Santell y Mr. Doob por dancer.js y three.js respectivamente.





Licencia de Creative Commons

Aniversario Mota Estudio 2013 por Mota Estudio bajo la licencia Creative Commons Reconocimiento-NoComercial-SinObraDerivada 3.0 Unported License.

Click para adquirir la obra completa.

Permisos más allá del alcance de esta licencia, pueden estar disponibles en info@motaestudio.com.

<
Portada MotaEstudio.com Cargando...
00:00 / 00:00
Descarga gratuita MotaEstudio.com Bajar volumen Subir volumen
  • Play
  • Stop

Tenemos un problema...

Al parecer, el navegador desde el que tratas de acceder no soporta ciertas librerías necesarias para la correcta ejecución del sitio. Puesto que se trata de un Chrome Experiment, recomendamos que instales Google Chrome en tu equipo y accedas a la web de nuevo.