Dans cette section, vous découvrirez comment intégrer un fichier multimédia dans une page Web à l'aide des balises <video> et <source>, comment ajouter des sous-titres à une vidéo pour les malentendants et comment utiliser les 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ée Kino.
Dans cette section, nous partons du principe que vous disposez d'un fichier vidéo prêt à être intégré dans une page Web. Un fichier .mov téléchargé depuis un appareil photo ne fonctionnera pas. Si vous n'avez rien d'autre, consultez la section Préparer des fichiers multimédias pour le Web, puis revenez sur cette page.
Cette section aborde ces sujets.
- Dans les balises <video> et <source>, vous découvrirez spécifiquement comment intégrer un fichier multimédia dans une page Web.
- Dans la section Accessibilité multimédia, vous découvrirez comment ajouter des sous-titres à un fichier multimédia destiné aux personnes malentendantes.
- Dans la section Cadres multimédias, vous découvrirez les bases de l'utilisation des 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 découvrirez comment accélérer la lecture de contenus multimédias en préchargeant activement les ressources.
- Dans la section PWA avec streaming hors connexion, vous découvrirez comment nous avons créé une PWA de démonstration mise à jour, compatible avec le streaming adaptatif et la lecture hors connexion sans utiliser de frameworks. De plus, vous pouvez jouer avec le code source.
Vous avez beaucoup de chemin à parcourir dans cette section. Pour commencer, découvrez comment utiliser les balises <video> et <source>.