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>.