Le langage HTML/Multimédia

Dans une page, nous pouvons insérer différents contenus autres que du textes et des images. Il peut s'agir de sons, de vidéos, d'animations (Adobe Flash ou SMIL) ou d'appliquettes (applets).

Cadres

Internationalisation

Note: Consultez la section L'attribut src du chapitre Image concernant l'utilisation du contenu d'un autre site.

Balise `object`

Pour intégrer un objet, nous utilisons la balise <object>. Comme toutes les balises, on peut lui définir les attributs id, class, title, style, dir, lang et xml:lang. En outre, cette balise dispose d'attributs spécifiques :

data: localisation de l'objet à insérer (adresse réticulaire), c'est l'équivalent du src de l'élément <img> ;
type: le type MIME du contenu ;
width: largeur de l'affichage ;
height: hauteur de l'affichage ;
standby: est l'équivalent du alt pour <img>. Ce texte est affiché pendant le chargement.

On peut, à l'intérieur de la balise object, donner du code qui s'affichera si le contenu ne peut pas être affiché. On peut également donner quelques paramètres à l'objet à l'aide de la balise <param /> qui associe à chaque paramètre une valeur booléenne. Voici les paramètres disponibles :

loop: indique si le média doit être jouer en boucle ou seulement une fois ;
controller: indique si il faut faire apparaître des boutons de contrôles ;
autoplay: indique si il faut lancer la vidéo au chargement de la page ; attention : à éviter à tout prix si la page contient plusieurs médias.

Insertion d'une vidéo

<object data="video.mpeg" title="une vidéo d'exemple" type="video/mpeg" standby="Vidéo d'exemple">
  <param name="loop" value="false" />
  <param name="autoplay" value="false" />
  <param name="controller" value="true" />
  Impossible de lire la vidéo : <a href="video.mpeg">Téléchargez-la</a>
</object>

Insertion d'une animation Flash

<object data="flash.swf" title="animation d'exemple" type="application/x-shockwave-flash" standby="animation d'exemple">
  Impossible de lire l'animation Flash
</object>

Insertion d'un fichier PDF

<object type="application/pdf"
    data="/media/wikibooks.pdf"
    width="600"
    height="500">
</object>

Obsolète : balise `embed`

Avant la balise object, on utilisait la balise embed. Cette balise avait été créée par Netscape. Elle ne fait pas partie de la norme W3C et donc ne devrait pas figurer sur des sites ; cependant, les navigateurs l'interprètent en général correctement, on peut donc encore la trouver sur des sites. De ce fait, il peut être utile d'en connaître la syntaxe pour convertir de l'ancien code.

Exemple d'utilisation simple: <embed src="foobar.wav" />; où foobar.wav est le nom du fichier son.

Les attributs de cette balise sont :

src: l'emplacement (URL) de l'objet
alt: texte de remplacement à afficher
height: hauteur de l'affichage
width: largeur de l'affichage
name: nom de l'objet