Skip to main content

Multimedia

Les contenus multimédias sont des éléments qui permettent d'intégrer différents types de médias, tels que des images, des vidéos, de l'audio et des graphiques vectoriels, dans une page web. Voici quelques-uns des principaux éléments multimédias en HTML.

Image​

On va utiliser la balsie <img> pour afficher une image.
Attention à toujours bien préciser l'attribut alt qui sert d'alternative si l'image ne peut pas être afficher.

Video​

La balise <video> est utilisée pour intégrer une vidéo sur la page web.
Il est prudent de spécidier plusieurs formats de vidéo pour assurer la compatibilité avec différents navigateurs.
On peut ajouter un texte au sein de la balise afin que celui ci s'affiche si aucun format n'est compatible avec le navigateur.

Audio​

Pour intégrer un lecteur audio il faut utiliser la balise <audio>.
Comme pour les vidéos on ajoute plusieurs sources avec des formats différents pour assurer une meilleur compatibilité avec les différents navigateur.
Il faut, dans source, préciser le chemin d'accès à la ressource audio comme on le ferait pour une image.

  1. Balise <iframe> : Utilisée pour incorporer du contenu externe, tel que des vidéos YouTube, des cartes Google Maps, des tweets Twitter, etc. Par exemple : 
    <iframe src="https://www.youtube.com/embed/VIDEO_ID"></iframe>

Canvas​

Le canvas est un élement HTML5 qui permet de dessiner des graphiques, des animations et des images complexes directement dans une page web à l'aide de JavaScript.
Il est utilisable via la balise <canvas> sur laquelle le JS va agir.

Image vectoriel​

Le format SVG est basés sur du code XML (eXtensible Markup Language), ce qui signifie qu'il composé de balises et d'attributs similaires à ceux que l'on trouve dans le langage HTML.
Le SVG est utilisé pour créer des graphiques vectoriels, comme des logos, des icônes, des schémas, des graphiques et des animations.
L'avantage est que c'est images peuvent être redimensionnés à volonté sans perte de qualité, car la définition est faites en termes de formules mathématiques plutôt que de pixels.