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

Un livre de Wikilivres.
Contenu supprimé Contenu ajouté
Ligne 12 : Ligne 12 :
== Balise <code>object</code> ==
== Balise <code>object</code> ==


Nous puvons aussi utiliser l'élément <code><object></code>. Cet élément a pour attributs
Nous puvons aussi utiliser l'élément <code><object></code>. Cet élément a pour attributs :
; <code>data</code> : c'est l'équivalent du <code>src</code> de l'élément <code><img></code>.
; <code>data</code> : c'est l'équivalent du <code>src</code> de l'élément <code><img></code> ;
; <code>type</code> : le type MIME du contenu
; <code>type</code> : le type MIME du contenu ;
; <code>width</code> : largeur de l'affichage
; <code>width</code> : largeur de l'affichage ;
; <code>height</code> : hauteur de l'affichage
; <code>height</code> : hauteur de l'affichage ;
; <code>standby</code> : est l'équivalent du <code>alt</code> pour <code><img></code>. Ce texte est affiché pendant le chargement
; <code>standby</code> : est l'équivalent du <code>alt</code> pour <code><img></code>. Ce texte est affiché pendant le chargement.


On peut, à l'intérieur de l'object donner du code qui s'affichera si le contenu ne peut pas être affiché. On peut également donné 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
On peut, à l'intérieur de la balise <code>object</code>, 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 <code>&lt;param /></code> qui associe à chaque paramètre une valeur booléenne. Voici les paramètres disponibles :


; <code>loop</code> : indique si le média doit être jouer en boucle ou seulement une fois
; <code>loop</code> : indique si le média doit être jouer en boucle ou seulement une fois ;
; <code>controller</code> : indique si il faut faire apparaître des boutons de contrôles
; <code>controller</code> : indique si il faut faire apparaître des boutons de contrôles ;
; <code>autoplay</code> : indique si il faut lancer la vidéo au chargement de la page (attention : à éviter à tout prix si la page contient plusieurs médias)
; <code>autoplay</code> : 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 ==
== Insertion d'une vidéo ==

Version du 23 février 2007 à 16:11

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 (w:Flash ou w:SMIL) ou d'applets.

Balise embed

Pour intégrer un fichier son, on peut utiliser la syntaxe suivante :

<embed src="foobar.wav" />

foobar.wav est le nom du fichier son.

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'un applet Java