Restez organisé à l'aide des collections
Enregistrez et classez les contenus selon vos préférences.
Derek Herman
Joe Medley
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 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 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>.
Sauf indication contraire, le contenu de cette page est régi par une licence Creative Commons Attribution 4.0, et les échantillons de code sont régis par une licence Apache 2.0. Pour en savoir plus, consultez les Règles du site Google Developers. Java est une marque déposée d'Oracle et/ou de ses sociétés affiliées.
Dernière mise à jour le 2020/06/19 (UTC).
[{
"type": "thumb-down",
"id": "missingTheInformationINeed",
"label":"Il n'y a pas l'information dont j'ai besoin"
},{
"type": "thumb-down",
"id": "tooComplicatedTooManySteps",
"label":"Trop compliqué/Trop d'étapes"
},{
"type": "thumb-down",
"id": "outOfDate",
"label":"Obsolète"
},{
"type": "thumb-down",
"id": "translationIssue",
"label":"Problème de traduction"
},{
"type": "thumb-down",
"id": "samplesCodeIssue",
"label":"Mauvais exemple/Erreur de code"
},{
"type": "thumb-down",
"id": "otherDown",
"label":"Autre"
}]
[{
"type": "thumb-up",
"id": "easyToUnderstand",
"label":"Facile à comprendre"
},{
"type": "thumb-up",
"id": "solvedMyProblem",
"label":"J'ai pu résoudre mon problème"
},{
"type": "thumb-up",
"id": "otherUp",
"label":"Autre"
}]
{"lastModified": "Derni\u00e8re mise \u00e0 jour le 2020/06/19\u00a0(UTC)."}
[[["Facile à comprendre","easyToUnderstand","thumb-up"],["J'ai pu résoudre mon problème","solvedMyProblem","thumb-up"],["Autre","otherUp","thumb-up"]],[["Il n'y a pas l'information dont j'ai besoin","missingTheInformationINeed","thumb-down"],["Trop compliqué/Trop d'étapes","tooComplicatedTooManySteps","thumb-down"],["Obsolète","outOfDate","thumb-down"],["Problème de traduction","translationIssue","thumb-down"],["Mauvais exemple/Erreur de code","samplesCodeIssue","thumb-down"],["Autre","otherDown","thumb-down"]],["Dernière mise à jour le 2020/06/19 (UTC)."],[],[]]
