HTML5 Rocks

HTML5 Rocks

HTML5 Features

Multimídia

Áudio e Vídeo tornaram-se objetos de primeira classe na web com HTML5, exatamente como aconteceu com outros tipos de mídia, como imagens, no passado. Através de suas novas APIs, você pode acessar, controlar e manipular dados de linha do tempo e estados de rede dos arquivos. Com os futuros acréscimos às APIs você poderá ler e gravar dados brutos em arquivos de áudio (API Audio Data) ou manipular legendas em vídeos (API Timed Track). Porém, o verdadeiro poder desses novos elementos HTML aparece quando eles são combinados com outras tecnologias do web stack, seja Canvas, SVG, CSS ou mesmo WebGL.

Por exemplo, você pode construir um aplicativo de mesa de mixagem para DJs no qual vários controles são exibidos para parar e mixar faixas de áudio. O Canvas permite ler dados de pixel de vídeos, então você pode adicionar um visualizador de vídeo com um recurso de seleção de cena e, além disso, usar filtros SVG à la Photoshop para distorcer o filme enquanto os vídeos são reproduzidos.

O que há de novo

Demos

HTML5 Studio: Picture-in-picture Video Swap
Craftymind: Blowing Up HTML5 Video

In the Wild

Extension FM Music Library
HTML5 on Youtube

Resources

  • W3C Spec: Audio Element Esta especificação W3C define o elemento de áudio com todos os métodos, atributos e eventos disponíveis.
  • W3C Spec: Video Element Esta especificação W3C define o elemento de vídeo com todos os métodos, atributos e eventos disponíveis.
  • W3C Spec: Media Elements Esta especificação W3C define os métodos e propriedades comuns aos elementos de áudio e vídeo.
  • WhatWG: Timed Track API Um subconjunto da especificação elemento de mídia sendo atualmente escrito onde define maneiras de arquivos de áudio/vídeo como letras e legendas.
  • Mozilla Wiki: Audio Data API Projeto de recomendação para API de dados de áudio onde os métodos são definidos para leitura e gravação de dados de espectro de arquivos de áudio.