Hey—we've moved. Visit
The Keyword
for all the latest news and stories from Google
Official Blog
Insights from Googlers into our products, technology, and the Google culture
OK Go play with Chrome
July 27, 2011
(Cross-posted on the
Google Chrome Blog
)
We all have a song or a personal soundtrack that speaks to us. But it doesn’t always say exactly what we want it to say.
In
All is Not Lost
— an HTML5 music collaboration between the band
OK Go
, the dance troupe and choreographers
Pilobolus
, and Google—you can embed your message in a music video and have the band dance it out. The band and Pilobolus dancers are filmed through a clear floor, making increasingly complex shapes and eventually words—and messages you can write yourself.
All is Not Lost
is built in HTML5 with the browser
Google Chrome
in mind. Different shots are rendered in different browser windows that move, re-size and re-align throughout the piece. With HTML5’s
canvas
technology, these videos are drawn in perfect timing with the music.
OK Go are well-known for their delightfully creative music videos, including
Here It Goes Again
, their first work featuring half a dozen treadmills, and
This Too Shall Pass
, based around an extraordinary Rube Goldberg machine—both of which have become extraordinarily popular on YouTube. We’re excited to collaborate with them on another project that finds its natural home on the web.
This project also has a special significance for the team here at Google Japan, who worked on this collaboration alongside OK Go. In the wake of the devastating Tōhoku
earthquake
, the band suggested using
All is Not Lost
as a message of support to the Japanese people during this difficult time.
All is Not Lost
is best experienced in
Chrome
at
allisnotlo.st
. For web developers curious about how the experience was created, you can read more on the
Google Code Blog
.
Posted by Keiko Hirayama, Senior Marketing Manager, Google Tokyo
Labels
accessibility
41
acquisition
26
ads
131
Africa
19
Android
58
apps
419
April 1
4
Asia
39
books + book search
48
commerce
12
computing history
7
crisis response
33
culture
12
developers
120
diversity
35
doodles
68
education and research
144
entrepreneurs at Google
14
Europe
46
faster web
16
free expression
61
google.org
73
googleplus
50
googlers and culture
202
green
102
Latin America
18
maps and earth
194
mobile
124
online safety
19
open source
19
photos
39
policy and issues
139
politics
71
privacy
66
recruiting and hiring
32
scholarships
31
search
505
search quality
24
search trends
118
security
36
small business
31
user experience and usability
41
youtube and video
140
Archive
2016
Nov
Oct
Sep
Aug
Jul
Jun
May
Apr
Mar
Feb
Jan
2015
Dec
Nov
Oct
Sep
Aug
Jul
Jun
May
Apr
Mar
Feb
Jan
2014
Dec
Nov
Oct
Sep
Aug
Jul
Jun
May
Apr
Mar
Feb
Jan
2013
Dec
Nov
Oct
Sep
Aug
Jul
Jun
May
Apr
Mar
Feb
Jan
2012
Dec
Nov
Oct
Sep
Aug
Jul
Jun
May
Apr
Mar
Feb
Jan
2011
Dec
Nov
Oct
Sep
Aug
Jul
Jun
May
Apr
Mar
Feb
Jan
2010
Dec
Nov
Oct
Sep
Aug
Jul
Jun
May
Apr
Mar
Feb
Jan
2009
Dec
Nov
Oct
Sep
Aug
Jul
Jun
May
Apr
Mar
Feb
Jan
2008
Dec
Nov
Oct
Sep
Aug
Jul
Jun
May
Apr
Mar
Feb
Jan
2007
Dec
Nov
Oct
Sep
Aug
Jul
Jun
May
Apr
Mar
Feb
Jan
2006
Dec
Nov
Oct
Sep
Aug
Jul
Jun
May
Apr
Mar
Feb
Jan
2005
Dec
Nov
Oct
Sep
Aug
Jul
Jun
May
Apr
Mar
Feb
Jan
2004
Dec
Nov
Oct
Sep
Aug
Jul
Jun
May
Apr
Feed
Google
on
Follow @google
Follow
Give us feedback in our
Product Forums
.
Follow
