E aí galerinha, como estão?

Hoje eu vou mostrar como utilizar as interfaces SessionStorage e LocalStorage do HTML5.

Estas duas interfaces fazem parte da especificação Web Storage da W3C.

Esta API tem a finalidade de acabar com os famosos Cookies, salvando uma grande quantidade de informação no cliente e resgatando a informação salva de uma forma simples e segura.

Então vamos pensar em que funcionalidades a Storage API tem vantagem sobre os cookies. Vou listar algumas vantagens bem relevantes da Storage API:

• Storage API pode salvar até 5MB de espaço no disco do usuário, enquanto os Cookies armazenam míseros 4kb;
• Os dados não são trafegados a cada requisição do servidor, como acontece nos Cookies;
• Funciona como um Array Associativo (key, value);
• Diferente dos Cookies, não possui data de expiração (falarei sobre isso abaixo)

(mais…)

html5, javascript, storage

Olá caros amigos, hoje venho com uma boa notícia.

Estava lendo meus feeds no Google Reader quando me deparei com o botão Watch Later no canto superior direito dos embeds do Youtube. A princípio achei que fosse uma nova funcionalidade do Read It Later for Firefox, mas ao clicar vi que isso não adicionou nada ao Read It Later. Acabei indo para a home do Youtube e um novo módulo na home: Watch Later, bom vamos lá!

Não tem muito segredo, você marca aquele vídeo e assiste depois. Agora para pessoas que embedam o vídeo: essa funcionalidade só aparecerá para quem usar a nova forma de embedar.

Por exemplo:

<iframe type=”text/html” width=”640″ height=”385″ src=”http://www.youtube.com/embed/VIDEO_ID” frameborder=”0″>
</iframe>

Resultado:

Se você usa a nova forma de embedar, as pessoas poderão ver o vídeo usando o player em Flash ou HTML5, dependendo da preferência de visualização que elas aplicaram. Os browsers que suportam o player de vídeo em HTML5 são:

• Firefox 4 (WebM)
• Google Chrome (WebM and h.264)
• Opera 10.6+ (WebM)
• Apple Safari (h.264, version 4+)
• Microsoft Internet Explorer 9 (h.264)
• Microsoft Internet Explorer 6, 7, or 8 com Google Chrome Frame instalado (Get Google Chrome Frame)

Para quem quiser se aprofundar no assunto e até participar de discussões pode ingressar ao grupo de APIs e Ferramentas do Youtube via Google Code

Bom é isso aí, esperamos que novas funcionalidades como essa venha sempre mais e mais!

assistir depois, html5, video player, watch later, youtube api, youtube funcionalidade