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 usar estruturas de mídia.
Além disso, você aprenderá a usar o pré-carregamento para acelerar o início da reprodução e discutiremos como criamos um PWA de demonstração atualizado com recursos de streaming adaptável 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 isso for tudo que você
tiver, consulte Preparar arquivos de mídia para a Web e depois volte.
Esta seção aborda esses tópicos.
- Nas 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 deficientes auditivos.
- Em Frameworks de mídia, você vai aprender as noções básicas 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 com o pré-carregamento ativo de recursos.
- Em PWA com streaming off-line, você aprenderá como criamos um PWA de demonstração atualizado capaz de fazer streaming adaptável e reproduzir off-line sem usar frameworks. Além disso, você pode brincar com o código-fonte.
Há muito assunto a ser abordado nesta seção. Comece aprendendo a usar as tags <video> e <source>.