Ativando Player HTML5 no YouTube

Publicado por WILLIAM FELIPE DUTRA ABREU DA SILVA em 27/12/2013

[ Hits: 25.371 ]

 


Ativando Player HTML5 no YouTube



Fala, galera.

Estou começando a entrar no HTML5 e acredito que isso não seja tão recente, porém, não tão antigo.

Bom, esta dica é para quem quer ativar o player de vídeo HTML5 do YouTube.

Mas, para que isso?
Bom pela utilização do codec WebM e o x264 ou H.264.

O que é WebM?
WebM é um formato aberto, livre de royalties, um arquivo de mídia projetado para a WEB.

WebM define a estrutura de contêiner de arquivo, vídeo e formatos de áudio. Arquivos WebM consistem em fluxos de vídeo comprimidos com o codec de vídeo VP8 e áudio compactados com o Vorbis codec de áudio. A estrutura de ficheiro WebM é baseado no recipiente Matroska.

Beleza, entendi. E o que isso agrega?
A abertura e inovação. Um fator chave para o sucesso da WEB, é que suas principais tecnologias, como HTML, HTTP e TCP/IP, estão abertas para qualquer um implementar e melhorar.

Com o vídeo a ser central para a experiência WEB, de alta qualidade, é necessário abrir escolhas de formatos de vídeo. WebM é 100% gratuito e Open Source sob a licença BSD.

hnmmmm... e?
Otimizado para a WEB. Transmitir vídeo na WEB é diferente de meios de transmissão e offline tradicionais. Os formatos de vídeo existentes foram projetados para atender às necessidades dessas mídias e o fazem muito bem.

WebM é focada em atender às necessidades específicas de transmissão de vídeo na WEB:
  • XBaixo consumo computacional para permitir a reprodução em qualquer dispositivo, incluindo Netbooks de baixo consumo, Handhelds, Tablets, etc;
  • Contêiner de formato simples;
  • Entrega de vídeo na mais alta qualidade, em tempo real.

264 ou H.264??
"x264 Video Codec é uma biblioteca de codificação gratuita para transmissões de vídeo no formato H264/AVC. Entre seus principais destaques encontram-se as multi-referências, controle de taxas (VBV opcional, ABR simples ou multipass, quantificador constante), detecção de cortes e transições de cenas, suporte a CAVLC (Context-based Adaptive Variable Length Coding)/CABAC (Context-based Adaptive Binary Arithmetic Coding); substitutos para o B-frame e ordenadores, transformação adaptativa, modo sem perdas, matrizes quantitativas personalizadas, codificação paralela em várias fatias e interlacing."
Fonte: x264 Video Codec download - Baixaki

Enfim, vamos à dica. =D

Procedimentos

1. Acesse o link abaixo e veja o vídeo, teste passar o vídeo para o meio, fim e voltar para o início (ou da forma que preferir a passagem de vídeo) e atente para o tempo de carregamento entre as mudanças: Obs.: coloque a resolução em 1080p.

2. Acesso o site: YouTube - HTML5

E clique na opção: Solicitar player HTML5

Obs.: feche a aba do YouTube.

3. Repita o primeiro passo, e veja a diferença.

Para minha conexão de 15 MB ADSL e um horário de uso mediano (23h), foi perceptível a diferença de carregamento, refiro-me ao fato de avançar o vídeo e ele demorar pouco mais de 1s para continuar, voltar para qualquer ponto do vídeo ou avançar, e não demorar mais de 1s para continuar.

Testei com o vídeo "Mafia-FILM-(Full HD-1080p) CZ" de 2h:24 min, em 1080p, e o resultado foi o mesmo, rápido.

Atente para situações onde sua velocidade de Internet for muito alta (30 MB, 35 MB, 50 MB, 100 MB), acredito que não seja tão perceptível ou até imperceptível.

Mas segue a dica, para quem já conhecia, legal. Para quem não conhecia, tá aí. Para quem não importa, também tá aí. :D

Abraços.

Referências


Outras dicas deste autor

bind - Criando atalhos no teclado (Ubuntu)

Leitura recomendada

HTML com Broffice.org

Sites e grupos para encontrar emprego de TI

Copiando texto para área de transferência em JavaScript

Como corrigir erros de acentuação em códigos HTML, PHP ou JavaScript

Can I use - Checar compatibilidade de comandos HTML5, CSS, JavaScript e outros

  

Comentários

Nenhum comentário foi encontrado.



Contribuir com comentário




Patrocínio

Site hospedado pelo provedor RedeHost.
Linux banner

Destaques

Artigos

Dicas

Tópicos

Top 10 do mês

Scripts