US

Insérer d'autres objets

Cette dernière section du chapitre consacré aux objets va passer en revue différents objets courants et montrer comment les insérer dans un document HTML.

Insérer une animation Flash

Les animations Flash sont très utilisées pour apporter une couche supplémentaire, interactive aux documents HTML, on pense notamment aux jeux, au lecteur de mp3, ...

1 
2 
 
3 
4 
5 
6 
7 
8 
9 
10 
11 
12 
13 
14 
<OBJECT
    pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash"
    type="application/x-shockwave-flash"
    data="musicplayer.swf?url=bgsound.mp3"
    width="17"
    height="17">
 
    <PARAM name="quality" value="high">
    <PARAM name="loop" value="true">
    <PARAM name="bgcolor" value="#000000">
    <PARAM name="movie" value="musicplayer.swf?url=bgsound.mp3">
 
    <P>Animation flash non supportée
</OBJECT>
listing h7.8 Insérer une animation Flash

On utilise donc l'élément OBJECT et on spécifie des valeurs pour plusieurs de ses attributs. Tout d'abord, on a l'attribut pluginspage qui est un lien vers la page où on peut télécharger le plugin nécessaire pour afficher l'objet, dans notre cas, c'est une page du site de Macromedia.

Ensuite, on précise le type d'objet via le type MIME application/x-shockwave-flash, on précise le fichier qu'il faut insérer dans le document avec l'attribut data et enfin, on précise la largeur et hauteur de l'objet.

Ensuite, on peut préciser des paramètres supplémentaires via l'élément PARAM comme la qualité par défaut de l'animation, est-ce-que l'animation doit tourner en boucle ou non et la couleur de fond de l'animation. Le dernier paramètre est celui dont la value est fixé à movie et qui est à nouveau le fichier qu'il faut insérer. On fait ceci en double pour assurer une compatibilité entre un maximum de navigateurs.

Insérer une vidéo

1 
 
2 
3 
4 
5 
6 
<OBJECT data="weather.mov" type="video/quicktime" title="The weather for today" width="150" height="150">
    <PARAM name="pluginspage" value="http://quicktime.apple.com/">
    <PARAM name="autoplay" value="true">
 
    <P>Vidéo de type Quicktime non supportée
</OBJECT>
listing h7.9 Insérer une vidéo

Rien de bien surprenant, on conserve toujours la même structure, le fichier est à préciser via l'attribut data, le type MIME est fixé à video/quicktime, on précise le titre de la vidéo via l'attribut title et enfin, on précise la largeur et hauteur de la vidéo.

Dans les paramètres, on ajoute un lien vers la page pour télécharger le plugin nécessaire, dans notre cas Quicktime et on précise le paramètre autoplay pour que la vidéo démarre automatiquement une fois chargée par le navigateur.

Voici encore un exemple pour insérer une vidéo de type Windows Media Player :

1 
2 
3 
4 
5 
6 
7 
<OBJECT type="video/x-ms-wmv" data="weather.wmv" width="320" height="260">
    <PARAM name="src" value="weather.wmv">
    <PARAM name="autostart" value="true">
    <PARAM name="controller" value="true">
 
    <P>Vidéo de type WMV non supportée
</OBJECT>
listing h7.10 Insérer une vidéo wmv

Il a donc suffit de donner les bonnes valeurs au paramètre type pour dire que l'objet est une vidéo Windows Media Player. Ensuite, on spécifie le fichier via l'attribut data mais également avec un paramètre src. Ceci pour une plus grand compatibilité entre navigateur, comme pour les animations flash.

Remarquez que pour que la vidéo démarre toute seule, on utilise un paramètre autostart alors qu'avec les vidéos de type Quicktime, on utilise autoplay.

Imbriquer les objects

Lorsque l'on insère un objet, on a toujours la possibilité de mettre un texte de remplacement au cas où l'utilisateur ne possède pas le bon plugin pour lire l'objet. Ce qu'on peut faire, c'est imbriquer les objets, c'est-à-dire que si l'utilisateur ne supporte pas un type d'objet, on lui propose un autre.

1 
2 
3 
4 
5 
6 
7 
8 
9 
10 
 
11 
12 
13 
<OBJECT type="video/x-ms-wmv" data="weather.wmv" width="320" height="260">
    <PARAM name="src" value="weather.wmv">
    <PARAM name="autostart" value="true">
    <PARAM name="controller" value="true">
 
    <!-- L'utilisateur ne sait pas lire les vidéos WMV, on lui propose un son mp3 -->
    <OBJECT type="audio/mpeg" data="weather.mp3">
        <PARAM name="autostart" value="true">
 
        <!-- L'utilisateur ne sait pas lire les sons mp3, on le renvoie vers une page HTML -->
        <P><A href="weather.htm">Connaitre le temps qu'il fera</A>
    </OBJECT>
</OBJECT>
listing h7.11 Imbriquer les objets

[TODO: insérer des objets ActiveX]

  • Espace membre
  • Learning Center
  • Les forums
  • Livre d'or
  • Imprimer
  • Boutique
  • Info
  • Règlement
  • Erreur
  • Newsletter

MyPagerank.Net

Firefox 3.6

Browse Happy logo

Open Clip Art Library

Join our Facebook Group

Twitter

Copyright © 2000-2017 UKO. Toute reproduction strictement interdite sans autorisation du webmaster

Valid XHTML 1.1 !
Valid CSS2 !
Level Triple-A conformance icon, W3C-WAI Web Content Accessibility Guidelines 1.0
ICRA Internet Content Rating Association
Creative Commons License
Site optimisé pour Firefox avec une résolution 1024x768 --- Page chargée en 0.1012430 secondes --- This site uses Thumbshots previews