Feliz parceria entre bandas e Google, usando o HTML5.

27 de fevereiro de 2012 Webdesign 4 comentários

Utilizando padrões HTML5, a Google em parceria com algumas bandas criou projetos que pareciam ser inimagináveis. Agora, não mais. O que mais chamou a atenção foi a forma como as janelas são apresentadas e coreografadas, interagindo com o usuário.  São projetos em que a Google foi muito feliz ao executá-los.

O primeiro projeto que lhes apresento é o All is Not Lost , uma parceria entre a banda OK GO (famosa pelos videos inusitados, como o das esteiras) e do Google Japão. O “Nem tudo está perdido”  foi um video de apoio ao Japão, depois do terremoto no nordeste.  Basicamente, além das filmagens das pessoas dançando, tudo minimamente coreografado, foram utilizadas as tags em HTML5  <audio> e <video> junto com scripts de sincronização de audio e vídeo, utilizando no navegador Google Chrome.  Ao início, você escreve uma mensagem e, no fim, sua mensagem aparece no vídeo, também. E você tem muitas opções para salvar e/ou compartilhar. O carregamento pode ser um pouco demorado, dependendo da conexão, mas é uma grande e emocionante experiência.

O projeto Downtown Wilderness é da  banda Arcade Fire com a Google, utilizando o HTML5, Chrome , Maps e Street View. Inicialmente, você busca por um endereço e o vídeo mostra um homem correndo, passando pelas ruas do seu endereço. Uma ferramenta de desenho é aberta, criando ramificações e animações, e árvores animadas vão surgindo no seu endereço, uma experiência incrível.

 

Para saber mais sobre o HTM5, leia aqui.

Links:

Download do Google Chrome: https://www.google.com/chrome/

All is Not Lost: http://www.allisnotlo.st/index_ja.html

Downtown Wilderness: http://thewildernessdowntown.com/

 

Deixem suas sugestões, até semana que vem!

Related Posts Plugin for WordPress, Blogger...

Thiago Almeida

Ei! Me chamo Thiago Almeida, tenho 20 anos e sou de Belo Horizonte, Minas Gerais. Estudo Ciência da Computação na Universidade Federal de Lavras. Aqui no Choco la Design falarei sobre Web Design, Usabilidade, Acessibilidade e Programação. Também escrevo crônicas no Autômato Algum. Amante de design, fotografia, filosofia e uma boa música.Me encontre no Twitter, Flickr, Facebook e LikedIn. Abraços!

Veja todos os 15 posts publicados por Thiago »

COMENTÁRIOS

  • Yasmin de Lima

    Show essa nova linguagem de html5 e suas possibilidades. =)

  • http://twitter.com/magoopv Luciano Baraúna

    Incrível isso só tem a melhorar a web 

    Agora basta os desenvolvedores começarem a pressionar para acontecer essa mudança logo de uma vez!!!

  • http://twitter.com/joaorprado João Prado

    Muito bom, emocionante mesmo o primeiro video

  • Carlos

    The Gamits – This Shell | http://www.thisshell.com