Ativando Player HTML5 no YouTube

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

[ Hits: 25.393 ]

 


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

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

Como instalar Deno no Linux

JavaScript - verificar se todos os itens de um array são pares ou ímpares

Tutorial básico de SEO com o Google (SEO starter guide)

Copiando texto para área de transferência em JavaScript

  

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