Ajouter du contenu multimédia à une page Web

Derek Herman
Derek Herman
Joe Medley
Joe Medley

Dans cette section, vous allez apprendre à intégrer un fichier multimédia dans une page Web à l'aide des balises <video> et <source>, à ajouter des sous-titres à une vidéo pour les malentendants et à découvrir certains concepts généraux sur 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. Nous vous expliquerons également comment nous avons créé une PWA de démonstration mise à jour avec des fonctionnalités de streaming adaptatif hors connexion appelée Kino.

Cette section part 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é à partir d'un appareil photo ne fonctionnera pas. Si c'est tout ce que vous avez, consultez 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 comment intégrer un fichier multimédia dans une page Web.
  • Dans Accessibilité aux contenus multimédias, vous apprendrez à ajouter des sous-titres à un fichier multimédia pour les personnes malentendantes.
  • Dans Framework multimédia, vous découvrirez les principes de base de l'utilisation de frameworks multimédias tels que Shaka Player, JW Player et Video.js.
  • Dans Lecture rapide avec préchargement audio et vidéo, vous apprendrez à accélérer la lecture multimédia en préchargeant activement les ressources.
  • Dans PWA avec streaming hors connexion, vous découvrirez comment nous avons créé une PWA de démonstration mise à jour capable de diffuser du contenu en streaming adaptatif et de lire des contenus hors connexion sans utiliser de frameworks. Vous pouvez également jouer avec le code source.

Cette section couvre un large éventail de sujets. Commencez par apprendre à utiliser les balises<video> et <source>.