Dans cette section, vous allez apprendre à intégrer un fichier multimédia à une page Web à l'aide des balises <video>
et <source>
, à ajouter des sous-titres à une vidéo pour les personnes malentendantes, ainsi qu'à quelques concepts généraux liés à l'utilisation des frameworks multimédias.
Vous découvrirez également comment utiliser le préchargement pour accélérer le démarrage de la lecture, et comment nous avons créé une PWA de démonstration mise à jour avec des fonctionnalités de streaming adaptatives hors connexion appelées Kino.
Dans cette section, nous partons du principe que vous disposez d'un fichier vidéo prêt à être intégré à une page Web. Un fichier .mov
téléchargé depuis un appareil photo ne fonctionnera pas. Si c'est tout ce que vous avez, consultez Préparer les fichiers multimédias pour le Web, puis revenez.
Cette section aborde les sujets suivants.
- Avec les balises <video> et <source>, vous apprendrez spécifiquement à intégrer un fichier multimédia à une page Web.
- Dans la section Accessibilité des contenus multimédias, vous apprendrez à ajouter des sous-titres à un fichier multimédia pour les malentendants.
- Dans la section Framework multimédia, vous apprendrez les bases de l'utilisation de frameworks multimédias tels que Shaka Player, JW Player et Video.js.
- Dans la section Lecture rapide avec préchargement audio et vidéo, vous apprendrez à accélérer la lecture de contenus multimédias en préchargeant activement des ressources.
- Dans la section PWA avec streaming hors connexion, vous allez découvrir comment nous avons créé une PWA de démonstration mise à jour, capable de s'adapter au streaming adaptatif et de la lecture hors connexion sans utiliser de frameworks. De plus, vous pouvez jouer avec le code source.
Cette section présente de nombreux points. Pour commencer, découvrez comment utiliser les balises<video> et <source>.