Adicionar mídia a uma página da Web

Derek Herman
Derek Herman
Joe Medley
Joe Medley

Nesta seção, você vai aprender a incorporar um arquivo de mídia em uma página da Web usando as tags <video> e <source>, adicionar legendas a um vídeo para pessoas com dificuldade auditiva e alguns conceitos gerais para usar frameworks de mídia. Além disso, você vai aprender a usar o pré-carregamento para acelerar o início da reprodução e vamos discutir como criamos um PWA de demonstração atualizado com recursos de streaming adaptativo off-line chamado Kino.

Esta seção pressupõe que você tenha um arquivo de vídeo pronto para ser incorporado a uma página da Web. Um arquivo .mov transferido por download de uma câmera não vai funcionar. Se esse for o único arquivo que você tem, consulte Preparar arquivos de mídia para a Web e volte.

Esta seção aborda esses tópicos.

  • Em As tags <video> e <source>, você vai aprender especificamente como incorporar um arquivo de mídia em uma página da Web.
  • Em Acessibilidade de mídia, você vai aprender a adicionar legendas a um arquivo de mídia para pessoas com deficiência auditiva.
  • Em Framework de mídia, você vai aprender os conceitos básicos sobre o uso de frameworks de mídia, como Shaka Player, JW Player e Video.js.
  • Em Reprodução rápida com pré-carregamento de áudio e vídeo, você vai aprender a acelerar a reprodução de mídia pré-carregando ativamente os recursos.
  • Em PWA com streaming off-line, você vai aprender como criamos uma PWA de demonstração atualizada que é capaz de fazer streaming adaptativo e reprodução off-line sem usar frameworks. Além disso, você pode brincar com o código-fonte.

Há muito o que cobrir nesta seção. Comece aprendendo a usar as tags <video> e <source>.