HTML5 Visualization of Steve Reich’s ‘Piano Phase’

HTML5 Visualization of 'Piano Phase'

HTML5 Visualization of ‘Piano Phase’. The different colored dots represent the two players.

Fans of Steve Reich will enjoy this visualization. It is another excellent demonstration of the Web Audio API (along with the HTML5 canvas tag) used to create this visualization of ‘Piano Phase‘. The piece is one of the most recognizable of the minimalist movement, where two pianists play the same short figure at the same time, with the second pianist gradually changing the tempo such that the two players become out of phase. The gradual shifting in tempo, reveals interesting patterns created by the interplay of the two melodic figures. You can read the score here (scribd).

The site was created by Alexander Chen, one of the creative directors at Google Creative Lab in New York (and the brains behind the famous Les Paul Google Doodle).

This site is based on the first section from Steve Reich’s 1967 piece Piano Phase. Two pianists repeat the same twelve note sequence, but one gradually speeds up. Here, the musical patterns are visualized by drawing two lines, one following each pianist.

(via @PLamere)

The Human Harp at The Brooklyn Bridge

The Human Harp is a project using movement of a performer connected to the interface to create music and ‘play’ the bridge. The interface is a number of modules with string/sensors which attach to the performer. The sensors capture the rate, length and angle of the string pull and translate those movements through Max/MSP to produce synthesized sounds via granular synthesis. The inspiration for artist Di Mainstone was looking out over the Brooklyn Bridge and thinking how much it looked – and sounded through the hum of the cables in the wind – like a harp.

“As I listened to the hum of the steel suspension cables, the chatter of visitors and the musical ‘clonks’ of their footsteps along the bridge’s wooden walkway, I wondered if these sounds could be recorded, remixed and replayed through a collaborative digital interface? Mirroring the steel suspension cables of the bridge, I decided that this clip-on device could be harp-like, with retractable strings that physically attach the user or Movician’s body to the bridge, literally turning them into a human harp.”

(via @JoBrodie)