DGmike

Vi no Ajaxian que o Firefox 3.1 irá suportar a tag video do html 5. Isso é um grande avanço para nós, que criamos páginas. Como qualquer desenvolvedor Web não vejo a hora de começar a escrever códigos novos e simples que deveriam ter sido inventados muito antes.

Hoje, para rodar um video nos navegadores você precisa usar uma embed complicada que muitas vezes não conseguimos decorar e precisamos procurar no google como resolver tal problema. E ainda parece que não roda mpeg direito.

<embed
    src="nomedoarquivo.wmv"
    controller="true"
    autoplay="true"
    width="320" height="240"
>

Já com a tag video podemos inserir videos nativamente ao firefox. Navegando um pouco, encontrei que a última versão do WebKit também suporta as tags video e audio, já o Opera suporta apenas a tag video e não a audio. Vale também lembrar que nenhum deles suporta essas funcionalidades por completo. Mas com o que já é suportado, podemos inserir videos facilmente:

<video src="nomedoarquivo.ogg" />

E obviamente, para alterar suas propriedades, o bom e velho CSS vem à calhar.

<video src="nomedoarquivo.ogg" style="width:130px;height:130px" />

Para que o video seja rodado automaticamente basta colocar o atributo autoplay.

<video src="video.ogg" autoplay="autoplay" />

Ainda podemos manipular os videos por meio de javascript, assim.

<script language="JavaScript"><!--
document.getElementsByTagName('video')[0].play()
--></script>

Ou com a jQuery…

<script language="JavaScript"><!--
$('video')[0].play()
--></script>

E se não bastasse, a tag video também pode receber uma lista de videos com o auxilio da tag source.

<video>
  <source src="foo.ogg" type="video/ogg"></source>
  <source src="foo.mov"></source>
</video>

O fato é que vai ficar muito mais simples implementar videos e audios para nossos clientes (ha-ham…) nosos usuários. Pena que o Internet Explorer não roda direito. É simples fazer uma implementação que faça substituir a tag video por uma tag embed, alguém aí se disponibiliza a fazer? Mas como eu gosto de incentivar o usuário a “atualizar-se a um browser de verdade” prefiro fazer o seguinte.

<video src="video.ogg">
Seu navegador não suporta a tag video, por favor mude para o Firefox... 
</video>

Claro que com uma mensagem mais amigável, mas não pretendo escrever o script que fará a gambiarra para o Internet Explorer simplesmente porque penso (lembrando que é minha humilde opinião) que se não dizermos ao usuário Seu internet explorer é um lixo, troque agora! [link para um browser melhor] ele nunca se mecherá para trocar (afinal, pra que trocar se roda tudo que preciso nele?!), mesmo que esse mecher leve-o a chamar alguém que saiba como fazer a troca.

Você ainda pode ver o video demo do pessoal da Mozilla Labs demonstrando que funciona mesmo!

[Nota]

Vale a pena lembrar que a tag source não é suportada por completo ainda e que a tag video e audio apenas suporta o formato ogg. Mas espero que suporte um dia o formato flv para videos e o famoso mp3. Mas, assim que sair a nova versão do Firefox implementarei com certeza essa tag.

Este pos foi escrito ao som de:

• You Should Be Dancing – Bee Gees
• Born To Be Wild – SteppenWolf
• Smoke On The Water – Deep Purple
• Money For Nothing – Dire Straits
• Sheet Child O’ Mine – Guns N’ Roses

O player que eu sempre uso para ouvir mp3 me deixa muito fulo por um simples motivo: ele inclui um espaço em branco entre uma música e outra, o que é chato se você estiver ouvindo um disco que emenda uma faixa na outra como Pink Floyd – The Wall. Decidi produrar o bom e velho Winamp, mas para minha surpresa, o winamp não disponibiliza a velha versão 2.0 de 1995. Infeliz, fui procurar uma alma caridosa que estivesse disponibilizando tal versão.

Para minha surpresa – e boa por sinal, encontrei um site especializado em disponibilizar versões antigas de softwares. A lágrima rolou quando eu vi o mIRC (eu comecei a programar nele), iMesh, Napster (quem não lembra?!), ICQ e AcdSee (este eu guardo uma cópia da versão 2.4 em todas as máquinas que eu chego, que para mim foi a versão mais leve e que resolve muito dos meus problemas) e todas as suas versões.

Vale o click ou guardar nos favoritos para futuras consultas, ele já está na minha barra de favoritos para quem sabe um dia, né?! Às vezes os progrmas antigos são melhores porque eles foram feitas para máquinas menos rápidas, isso forçava os programadores a pensar em soluções mais leves e simples. Por isso eu gosto mais da versão mais antiga do Winamp.