Gestion des fichiers multimédias dans HTML
- Multimédia en html
- Formats multimédias soutenus par le HTML
- Comment ajouter des images dans HTML
- Comment jouer audio sur un site Web
- Comment lire des vidéos sur un site Web
- Comment lire une vidéo YouTube en utilisant HTML
Explorons chacun des concepts susmentionnés un par un:
Multimédia en html
Le multimédia est un moyen de transférer des informations d'une source à l'autre. Cela peut être quelque chose comme l'audio, la vidéo, etc. Grâce à la puissance de HTML, nous pouvons ajouter de l'audio, de la vidéo ou de tout autre type de fichiers multimédias à nos sites Web.
Formats multimédias soutenus par le HTML
Chaque fichier a un format de fichier et une extension de fichier et ces extensions nous font part des formats de fichiers. Il existe de nombreux formats de fichiers mais en développement Web, la chose qui compte le plus est de savoir si le format de fichier est pris en charge par les normes HTML ou non?
Voici une liste des formats de fichiers soutenus par HTML pour différents types multimédias:
L'audio: mp3, ogg et wav ont le soutien de tous les navigateurs importants.
Vidéo: MP4, OGG et WebM sont pris en charge par HTML ainsi que par tous les principaux navigateurs comme Google, Chrome, Microsoft Edge, etc.
Image: JPG / JPEG, PNG et GIF sont pris en charge par HTML pour les images.
Comment ajouter des images dans HTML
HTML fournit une balise pour ajouter une image à un site Web; il faut deux attributs principaux i.e. SRC pour spécifier le chemin de l'image et Alt pour afficher un texte alternatif si une image est incapable de charger.
Exemple
Le morceau de code suivant intégrera une image sur un site Web:
Voici la sortie de la ligne de code ci-dessus:
Comment ajouter de l'audio en HTML
En html La balise est utilisée pour ajouter un fichier audio à n'importe quelle page Web. Plusieurs attributs peuvent être utilisés dans la balise audio pour spécifier le fonctionnement du étiqueter.
Exemple
Supposons un exemple pour comprendre le fonctionnement de la balise:
Fichier MP3 non pris en charge!
Voici la sortie de l'extrait ci-dessus:
La sortie vérifie que le fichier MP3 fonctionne parfaitement.
Comment ajouter une vidéo dans HTML
Dans html a La balise est utilisée pour ajouter une vidéo à n'importe quel site Web. Le html La balise peut avoir plusieurs attributs comme les commandes, la lecture automatique, l'affiche, etc. Ces attributs explorent le fonctionnement de la balise.
Exemple
Prenons l'extrait ci-dessous pour la profonde compréhension de HTML étiqueter
non supporté!!
À l'intérieur TAG Nous spécifions les attributs pour contrôler le comportement de la vidéo:
- Le contrôles L'attribut affichera les options vidéo comme Play, Pause, Mute, etc.
- Le lecture automatique L'attribut redémarrera la vidéo une fois qu'il sera terminé.
- Le en sourdine L'attribut permettra l'option muette.
Ensuite, nous utilisons la balise source pour insérer l'adresse de la vidéo. Nous spécifions deux formats vidéo afin que si la première vidéo ne peut pas travailler, le navigateur joue le second. Et si pour une raison quelconque, le navigateur n'est pas en mesure de lire les deux vidéos, le texte «n'est pas pris en charge! "Apparaîtra à l'écran. La sortie sera quelque chose comme ceci:
Comment intégrer une vidéo YouTube dans une page Web à l'aide de HTML
Le
Enregistrez simplement le code HTML, et maintenant vous pouvez lire la vidéo YouTube sur votre site Web:
La vidéo YouTube est intégrée sur votre site avec succès.
Conclusion
HTML fournit différentes balises pour gérer les fichiers multimédias pour intégrer un audio, une vidéo et une image sur un site Web en utilisant respectivement, et les balises. Pour intégrer tout autre document dans votre site Web