Nesta seção, você vai aprender a incorporar um arquivo de mídia a uma página da Web usando as
tags <video>
e <source>
, como adicionar legendas a um vídeo para deficientes auditivos e alguns conceitos gerais para o uso de frameworks de mídia.
Além disso, você vai aprender a usar o pré-carregamento para acelerar o início da reprodução e
discutir como criamos um PWA de demonstração atualizado com recursos de streaming
adaptável off-line chamados Kino.
Esta seção pressupõe que você tem um arquivo de vídeo pronto para incorporação em uma página
da Web. Um arquivo .mov
transferido por download de uma câmera não funcionará. Se isso for tudo, consulte Preparar arquivos de mídia para a Web e depois volte.
Esta seção aborda esses tópicos.
- Em As tags <video> e <source>, você 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 deficientes auditivos.
- Em Frameworks de mídia, você 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ê aprenderá a acelerar a reprodução de mídia pré-carregando ativamente recursos.
- Em PWA com streaming off-line, você vai aprender como criamos um PWA de demonstração atualizado capaz de streaming adaptável e reprodução off-line sem usar frameworks. Além disso, você pode brincar com o código-fonte.
Há muito assunto nesta seção. Comece aprendendo a usar as tags <video> e <source>.