HTML5 Audio + Canvas Experiment

Postado por: Pedro Rogério em

Um alemão chamado Sebastian desenvolveu recentemente uma aplicação que utiliza a tag audio do HTML5 mais o elemento canvas, uma tag para desenhar elementos 2D no browser onde através de um streaming de aúdio ele mostra os últimos tweets sobre HTML5.

HTML5 Audio + Canvas Experiment

A aplicação funciona da seguinte forma: A tela está cheia de partículas que se movimentam conforme a música, e cada partícula é um tweet diferente, basta clicar encima delas para ver o tweet. A engine original da aplicação foi portada de Flex/AS3 para JavaScript. Para isso eles utilizam uma biblioteca de renderização chamada processing.js, criada por John Resig, o mesmo cara que criou a jQuery Framework. Para uma melhor experiência você necessitar de um browser que suporte a tag audio do HTML5.

Agora fica a pergunta, será esse o início do fim do Flash? E se você quiser ficar por dentro das últimas notícias do HTML5, basta me seguir no Twitter.

Via: Ajaxian.

Posts Relacionados

Confira também outros artigos interessantes postados aqui no blog.

Sobre Pedro Rogério

Pedro Rogério é desenvolvedor web por paixão, não saberia fazer melhor outra coisa. Além de escrever para o Pinceladas da Web também escreve para o CSS no Lanche, blog voltado ao desenvolvimento front-end.

3 Responses to “HTML5 Audio + Canvas Experiment”

  1. Nossa velho, fantástico!!!! Isso é o inicio do fim do Flash, pode ter certeza disso….

    HTML 5 chegou pra revolucionar heim, vai ser o início de uma nova era!!

  2. Eugenio Hertz

    Nao sei porque querem acabar o flash…

    Sempre q aparece algum maluco q se esforçou feito doido pra criar uma experiencia, algo diferente, alguem sempre tem q levantar isso:

    ah, agora o flash vai morrer?
    ……é o fim, né?
    ……………acabou? aaaaah mas é o começo do fim, né?
    …………………… nao nao, pelo menos o começinho do fim tem q ser?
    ……………………………. droga, esse flash num vai morrer não? QUE DROOOOGA !!!

    Logico q tudo vai evoluindo, html, css, até mesmo o action script 3, q hoje é muito maior, abrangente e flexivel q era o action script 1.

    A bem da verdade, quando se compara ao quilo de gente mexendo com php, html, e css, temos poucas pessoas BOAS de verdade em flash aqui no país.

    Soma-se isso ao fato de que pra produzir conteudo bom em flash, voce tem q ser um bom animador, ou ter uma boa consciência de producao audiovisual, movimentos, cenas, sons, conceitos, e isso tudo acaba indo muito mais pro campo da producao e direção artistica em si, do q meramente usar o proprio flash.

    Quantas agencias web levam a serio e tem diretores de arte, ou diretores de criação no brasil? POUCAS, se comparadas as mais de 500 mil pessoas oferecendo serviços de webdesign , disponiveis no brasil todo.

    Isso é fato.

    Então muitas empresas ainda passam ao cliente o flash como algo meio negativo (acredito q mais por elas nao se garantirem nessa área mesmo). E com isso deixam de lado todo o potencial inventido e facilitador, e melhor, unificado (pq roda ate em computador de ET), que o flash possui.

    Rode nos sites mais criativos de fora, e voce vai ver aplicacoes, menus, coisinhas, ou sites inteiros feitos em flash.

    Agora… é fato tb. encarece a producao? BASTANTE…

    Tudo bem que o mercado web do brasil ainda engatinhe se comparado a loucura dos EUA, mas tb nao precisa tornar o flash o vilão da parada, uma vez q ate onde eu conheco pelo menos, nenhum ser humano normal vai deixar de produzir jogos ou animacoes ou conteudo flash, pra ir pro mundo sombrio do js e ter q enfrentar todas as incompatibilidades de browser e dores de cabeça afins.

    Sobre o flash… nao é o começo do fim, mas nao MESMO.

  3. Concordo com as palavras acima!!!!!

    o HTML 5 vai revolucionar muita coisa sim e trazer um novo padrão melhorando a semântica das coisas

    Agora o Flash é muito poderoso, o Action Script 3 é bastante abrangente e coisas fantásticas podem ser feitas!!!

    Sobre o flash… nao é o começo do fim, mas nao MESMO. [2]

Leave a Reply