DARK BUBBLES

 

 
Radical Friend directed Black Moth RAinbow’s music video Dark Bubbles. The LA directing duo used motion-sensitive technology, time-lapse photography, live-action footage and animation to complete the three-month-long project. They also developed an interactive version of the video that allowed the viewer to change the sun, moon and stars with the swipe of a mouse.

 

interact with on graveface.com/bmsr_darkbubbles

 

Posted in all categories, interactive videos | Tagged , , , | Leave a comment

SOUND AND VISION

 

 
Beck reimagines David Bowies “Sound and Vision” with 160 musicians, as a fully immersive 360 degree interactive experience via the Lincoln Motor Company. It takes place on a 360 stage with Beck in the middle. It was created using 360 degree binaural heads. You can control the cameras using your webcam and moving your head around.

 

interact with on hello-again.com/beck360

 

Posted in all categories, interactive videos | Tagged , , , , , | Leave a comment

REMI(X) DEMO

 
Remix
 
A very unique interactive remix application with great audio and visual design. Demo courtesy of Chris Coniglio.

 

interact with on tenthcirclesound.com/kickstarter/#5a

 

Posted in all categories, interactive audio, music apps | Tagged , , , , | Leave a comment

ROME – 3 DREAMS OF BLACK

 

 
From the Author:
“3 Dreams of Black” takes you on a journey through three dream worlds constructed through a combination of rich 2D drawings and animations interwoven with interactive 3D sequences. Throughout various points in these dream worlds, you can grab your mouse and guide the protagonist’s point of view through the experience. This music experience also includes a 3D model creator that allows you to create your own relics and contribute to the shared collective dream. “3 Dreams of Black” is written and directed by Chris Milk, and developed with a few folks here at Google.

 

interact with on www.ro.me

 

Posted in all categories, interactive videos | Tagged , , , , , , , , , , , | Leave a comment

ANATOMY OF A MASHUP

 

 
What started as an early-aughts gimmick led by 2manydjs has since morphed into a full-blown pop-culture phenomenon with party animals like Girl Talk disseminating their name-that-sample form of music far and wide. For multilayered tracks where the original samples become indistinguishable, Web Technologist Cameron Adams developed the Anatomy of a Mashup, breaking down his own creation “Definitive Daft Punk” as an example to “reveal its entire structure: the cutting, layering, levels, and equalization of 23 different songs.”
The online visualization tool breaks down and analyzes the complicated construction, demonstrating how individual sounds work together to form the whole in a diagram of rainbow-colored concentric rings. The beautiful animation lends a unique understanding of the intricacies of the particular mashup, joining the audio and visual for experiences not unlike “little slices of synchronous art, designed to please all of your senses.”
To make that direct connection between what unfolds on the screen with the art of the mashup, Adams built the site using the latest HTML5 and CSS3 technology so that the browser renders the song as it plays and evolves for a visual that performs in real-time.

 

interact with on daftpunk.themaninblue.com

 

Posted in all categories, music apps | Tagged , , , , | Leave a comment

BOHEMIAN RHAPSICHORD

 

 
Bohemian Rhapsichord is a web app that turns the song Bohemian Rhapsody into a musical instrument. It uses TheEcho Nest analyzer to break the song into segments of quasi-stable musical events. It then shows these as an array of colored tiles (where the colors are based on timbre) that you can interact with like a musical instrument.
If you click on a tile, you play that portion of the song (or hold down shift or control and play tiles just by mousing over them). You can bind different segments to keys letting you play the ‘instrument’ with your keyboard too (See the FAQ for all the details). You can re-sort the tiles based on a few criteria (sequential order, by loudness, duration or by similarity to the last played note). It is a fun way to make music based on one of the best songs in the world. The app makes use of the very new (and not always the most stable) web audio API. Currently, the only browser that I know that supports the web audio API is Chrome.

 

interact with on static.echonest.com/BohemianRhapsichord

 

Posted in all categories, interactive audio, music hacks | Tagged , , , , , | Leave a comment

GOBARBRA.COM

 

 
Classic!
Customize your own Barbra streisand song.
 

interact with on gobarbra.com

 

Posted in all categories, interactive audio, music hacks | Tagged , , , | Leave a comment

ELLIE GOULDING – LIGHTS

 

 
This WebGL interactive music experience is a wholly immersive journey, inspired by Goulding’s single Lights at once enriching the experience of the song and offering up a stunning visual interpretation. A techno-celestial light show allows viewers to soar through the music, cutting their way through the virtual environment with their mouse as their guide. Additional functionality includes the ability to speed up the experience with the click of one’s mouse, as well as real-time Twitter comments about Lights integrated into the visuals. The real-time Tweets are powered by Echo’s powerful StreamServer platform. The platform allowed the design team to quickly collect, store and serve the live data at the massive scale that’s expected with very little engineering effort.

 

interact with on lights.elliegoulding.com

 

Posted in all categories, interactive videos | Tagged , , , , | Leave a comment