« Le langage HTML/Multimédia » : différence entre les versions

Navigation interactive dans l’historique

← Modification précédente Modification suivante →

Contenu supprimé Contenu ajouté

Intégrés

Version du 23 février 2007 à 16:18

Cette page est considérée comme une ébauche à compléter . Si vous possédez quelques connaissances sur le sujet, vous pouvez les partager en éditant dès à présent cette page (en cliquant sur le lien « modifier »).

Ressources suggérées : Aucune (vous pouvez indiquer les ressources que vous suggérez qui pourraient aider d'autres personnes à compléter cette page dans le paramètre « ressources » du modèle^? engendrant ce cadre)

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).

Balise `object`

Nous puvons aussi utiliser l'élément <object>. Cet élément a pour attributs :

data: 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'une appliquette Java

Obsolète : balise `embed`

Avant la balise object, on utilisait la balise embed. Celle-ci n'est plus officiellement supportée, mais on peut encore la trouver sur des sites, et 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

@@ Ligne 3 : / Ligne 3 : @@
 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 ([[w:Adobe Flash|Adobe Flash]] ou [[w:SMIL|SMIL]]) ou d'[[w:Applet|appliquettes]] ''(applets)''.
-== Balise <code>embed</code> ==
-Pour intégrer un fichier son, on peut utiliser la syntaxe suivante :
-: <code>&lt;embed src="''foobar''.wav" /></code>
-où ''foobar''.wav est le nom du fichier son.
 == Balise <code>object</code> ==
@@ Ligne 45 : / Ligne 39 : @@
 === Insertion d'une appliquette Java ===
+== Obsolète : balise <code>embed</code> ==
+Avant la balise <code>object</code>, on utilisait la balise <code>embed</code>. Celle-ci n'est plus officiellement supportée, mais on peut encore la trouver sur des sites, et il peut être utile d'en connaître la syntaxe pour convertir de l'ancien code.
+; Exemple d'utilisation simple
+: <code>&lt;embed src="''foobar''.wav" /></code>
+: où ''foobar''.wav est le nom du fichier son.
+Les attributs de cette balise sont :
+; <code>src</code> : l'emplacement (URL) de l'objet
+; <code>alt</code> : texte de remplacement à afficher
+; <code>height</code> : hauteur de l'affichage
+; <code>width</code> : largeur de l'affichage
+; <code>name</code> : nom de l'objet