Tags360-degree alternative-rock animatic animation Arcade Fire blues Chrome Chrome Experiments drum-and-bass drum machine flash Flash-based gaming machine Google Maps Google Streetview Google Street View hack HTML5 indie-rock installation interactive audio interactive musicvideo japanese MP3 music onlinegame Papervision pitch pop post-punk processing rap remix remote control rock-n-roll sampling sequenzer Skrillex Soul stop-motion The Echo Nest video VVVV Web Audio API WebGL
The Rational Keyboard is an HTML5 web app demonstrating a consonance model in just intonation. It’s kind of like a piano with infinitely many keys (one for each rational number) that move around and resize based on what sounds good.
interact with on graveface.com/bmsr_darkbubbles
interact with on labs.dinahmoe.com/ToneCraft
interact with on tenthcirclesound.com/kickstarter/#5a
interact with on tenthcirclesound.com/ksdemo
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
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
Bangarang Boomerang is Paul Lamere’s latest creation from the Echo Nest. In his blog post, Paul describes it as: “My latest music hack is Bangarang Boomerang. It is a web app (runs in Chrome or the latest Safari), that lets you ‘drive’ the Skrillex song. You can freeze-frame the song on a beat, you can make the song go backwards beat by beat, you can advance through the song at double time, or triple time, and set bookmarks to let you easily jump to different sections of the song. It is a rather fun app that lets you feel like a musician, even if you have very little musical talent. ”
interact with on static.echonest.com/BeatDriver
The summer in Germany is nonexistent. Matching to the bad weather i found an interactive music video, which is controlled by live weather data. The video by American singer/songwriter Lissie uses the Google Maps API, a live weather feed and (optional) HTML5 geo-location. Let the sunshine in your house!
interact with on lissie.com/weather