Eu já vi muitas coisas relacionadas a objetos de mídia (audio, video, imagens etc), incluindo videos e aplicações produzidos com NCL. Eu também já tinha ouvido muita gente falar que o HTML5 vinha trazendo muitas caracteristicas que o tornariam similar a NCL.

Hoje eu conheci um link muito interessante. Ele traz um filme (na verdade, um curta) que foi produzido com HTML5 e assistindo eu realmente lembrei dos vídeos que eu via com NCL. Eu não sei como se dá a montagem do filme em HTML5, não sei se a coisa é tão alto nível quanto eu sei que NCL é, mas assistindo eu pensava nos elos e conectores de NCL e como seria possivel fazer a mesma coisa.

Quando você visita o site (http://thewildernessdowntown.com/) ele pede pra você colocar um endereço, mas calma, isso não vai alterar o seu filme! É porque ele utiliza imagens do google maps, e do google street view :)

Daí, quando voce já definiu o local, e aperta o play, você notará que ele vai abrir N (eu não contei as janelas, mas percebi que são algumas!) janelas do chrome (não testei em outros navegadores, e esse projeto é feito para o chrome, então, se quiser usar outro, é por sua conta e risco :P ). Voce não precisa alternar entre as janelas, ele “monta” o filme automaticamente, mostrando diversas vistas de uma mesma cena. Fica realmente muito legal. Ele começa com a janela principal, depois de um tempo, mostra outra conjuntamente com a que estava tocando (em NCL poderia ser feito assim: com x segundos do video1 tocando, toque o video2), e as janelas tem um tamanho especifico, assim, pode-se colocar duas, três, várias janelas juntas, cada uma com um pedaço da cena, e todas compondo a cena inteira!

Bem, só explicar não adianta, vale muito a pena ver!

Link recebido de Léo Maia.

Update: No firefox não funciona, teste feito por Pablo Robert.

No Safari aparentemente funciona, como dito por Putu nos comentários :)

Quanto ao IE, aqui no Seven do meu note, o IE demora taaaaanto pra abrir uma aba, que sinceramente, não recomendo.

Share

Você vai gostar de ler isso:

One Response to “[Rapidinha Nerd] Filme Interativo com HTML5”

Leave a Reply

*