April 29, 2013

HTML5 Remix: Visualizing Songs

A band from Belgium called Amatorski is showing cool ways to use HTML5’s remix tool, which lets users reinterpret songs by clicking their mouse or tapping the screen of their smart device to create a psychedelic visual effect that dictates the direction of the music. 

The band, called the “best Belgian act around” by Guardian UK, showcased fan-generated HTML5 interpretations of their music as live visuals at two shows, in Antwerp on April 18 and in Amsterdam on April 24.

Jon Ostrow, a spokesperson for Amatorski, explained how the feature works.

“The online portion includes an embedded MIDI sequencer, which is laid over top of the visitor’s custom image (uploaded via Facebook (NewsAlert)),” Ostrow said. “Clicking onto the photo creates a very cool cubic overlay, which also programs the embedded sequencer, giving the user an opportunity to create their own song using samples of the band’s music.”

The band has also launched a project called “Deleting Borders,” an interactive HTML5 collaboration with the design shop We Work We Play that lets users import photos from their Facebook accounts and incorporate them into a song. 

Amatoski strongly believes in the power of technology in the present and coming ages, and is primarily invested in developing on the Internet. 

In a lyrical statement about the “Deleting Borders” project, the band stated, “As artists we feel that the internet is a powerful medium because the internet is deleting borders. Borders between you and us, between audience and artist. You will create music and visuals together with us. Borders between art disciplines music, visual art, web art, they will all merge together. Borders between online and offline Virtual experiences, but also live performances. Borders between countries and nations. We live in one global village – music can spread over all cities, countries, and continents. Join our journey and spread our ideas, sounds and visions over the world.”

Edited by Alisen Downey


HTML 5 Demos and Examples

HTML 5 experimentation and demos I've hacked together. Click on the browser support icon or the technology tag to filter the demos.... Learn More

HTML5 GAMES is the largest and most comprehensive directory of HTML5 games on the internet... Learn More

The HTML5 test

How well does your browser support HTML5?... Learn More

Working Draft (WHATWG)

This is the Editor’s Draft from WHATWG. You can use it online or print the available PDF version... Learn More

HTML5 Flip Book

Free jQuery and HTML5 flip book maker for PDF to online page turning book conversion... Learn More