SELFHTML/Aides à la navigation HTML/XHML Multimédia| SELFHTML/Aides à la navigation HTML/XHML Multimédia |
Par objet, on entend tout type de fichier situé hors d'un fichier HTML et devant y être incorporé. Il peut s'agir d'un fichier de données, un tableau Excel par exemple, un dessin AUTO CAD ou un fichier de musique Midi, une animation Flash, une source en transit (streaming) pour la transmission radio et beaucoup d'autres choses. Mais il peut s'agir aussi d'un fichier exécutable par le navigateur Web, à savoir d'un programme. Cela peut être par exemple des applets Java ou des contrôles ActiveX.
Pour éviter l'apparition d'un nouveau repère HTML pour chaque nouvelle forme d'incorporation d'autres ressources il n'y aura dans le futur qu'un
repère HTML puissant pour tous les multimédia et références d'autres programmes: le repère object. Ce repère ne peut certes pas résoudre le problème de l'affichage d'un fichier quelconque chez l'utilisateur mais il propose tout au moins une syntaxe uniforme et contribue de ce fait à la simplification de HTML.
Le repère object n'est pas encore complètement reconnu par les navigateurs Web. Cela tient en partie finalement au grand nombre de formats de multimédias spécifiques et de leur différentes interfaces. Le repère object est pourtant conçu de telle façon qu'il soit le plus souple possible et puisse réagir à toutes les exigences imaginables en livrant suffisamment d'informations au navigateur pour pouvoir communiquer avec l'application concernée et l'incorporer dans sa fenêtre d'affichage.
Les objets sont sur le plan de HTML des 
éléments incorporés. Dans la variante HTML "Strict" de tels éléments doivent être placés dans des éléments de bloc par exemple dans un paragraphe de texte ou dans un passage commun ou aussi dans une cellule de tableau.
Si vous échouez en tentant d'employer le repère object essayez les possibilités habituelles suivantes:
incorporer du multimédia (Netscape traditionnel)
incorporer des applets Java (traditionnel)
L'élément object est supporté par l'Explorer Internet depuis la version 3.x et par Netscape depuis la version 4.x. Pour ces versions de produit, il ne peut encore être question d'une implémentation pouvant être prise au sérieux. C'est pourquoi sont mentionnés pour les exemples de cette page en règle générale l'Explorer Internet5.0 et Netscape 6.0. Mais c'est loin de vouloir dire que tout fonctionne sans heurt avec ces navigateurs.
N'incorporez pas des fichiers multimédia normalement sans commentaire dans vos pages Web, mais attirez l'attention de l'utilisateur sur le genre de fichier incorporé et quelles conditions doivent être remplies pour que son affichage soit correct.
Quand vous incorporez des grands fichiers, donnez à l'utilisateur dans le contexte des indications sur la taille du fichier.
 
|
Incorporer des fichiers de données comme objetVous pouvez incorporer n'importe quel fichier de données comme objet dans un fichier HTML, donc par exemple une vidéo, un schéma technique, un monde en 3 dimensions existant comme fichier prêt à l'emploi, un fichier musique ou similaire. Même de simples fichiers textes et d'autres fichiers HTML peuvent être incorporés de cette façon. Un navigateur WWW comme Netscape peut afficher de tels fichiers soit s'il est en mesure lui-même d'afficher le format de fichiers ou bien si l'utilisateur a installé le plugiciel correspondant. Quand le plugiciel est installé, le navigateur Web peut présenter le fichier dans sa fenêtre d'affichage, tel qu'il a été créé par l'application d'origine. Quand le fichier doit être joué, par exemple des vidéos ou du son, un programme de restitution correspondant est affiché selon la façon dont le plugiciel est conçu.
Quand le navigateur connaît la liaison entre le type de fichier et le programme étranger le navigateur peut ouvrir le programme étranger avec le fichier concerné. Quant à savoir si les données seront ensuite affichées toutefois dans le passage de la page Web qui a été défini pour lui, cela dépend si le navigateur et l'autre programme utilisent les possibilités de communication, par exemple des interfaces mises à disposition par le système d'exploitation.
Exemple d'affichage: aperçu (L'exemple nécessite l'installation d'un visualiseur SVG et navigateur supportant les DOM, à savoir au moins l'Explorer Internet 5.x ou Netscape 6.x)
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Strict//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Texte du titre</title>
</head>
<body>
<h1>Horloge analogique en tant que graphique SVG avec JavaScript incorporé</h1>
<p><object data="horloge.svg" type="image/svg+xml" width="200" height="200">
Votre navigateur ne peut malheureusement pas afficher l'objet !
</object></p>
</body>
</html>
|
Avec <object> vous introduisez la référence au fichier devant être incorporé, avec </object> vous fermez la référence. L'élément object n'a pas d'attribut obligatoire. Selon ce que vous voulez incorporer, vous devez trouver vous-même ou veiller aux remarques du fabricant , quels sont, d'après le standard HTML, les attributs que vous pouvez ou devez mentionner. Entre le repère d'ouverture <object> et le repère de fermeture </object>, du code source HTML peut être noté "à votre gré". Dans l'exemple ci-dessus est simplement noté un texte selon lequel le navigateur ne peut pas afficher l'objet. On pourrait tout aussi bien noter à cet endroit un 
graphique en alternative ou une autre tentative d'incorporer l'objet par exemple avec la syntaxe pour incorporer du multimédia (Netscape traditionnel). Il est même permis de noter comme contenu d'un élément object un autre élément object, pour incorporer ainsi par exemple un autre objet dans un autre format de fichier.
Pour incorporer un fichier de données , l'attribut data= est prévu. Grâce à lui vous référencez le fichier désiré (data = données). Pour l'affectation de valeur à cet attribut, s'appliquent les règles pour référencer en HTML HTML. Quand le fichier se trouve par exemple dans le même répertoire que le fichier HTML, alors la simple mention du nom de fichier suffit - comme dans l'exemple ci dessus. La référence avec des mentions de chemin relative ou absolue est pourtant possible de la même façon, par exemple:
<object data="repertoire/fichier.xy">
<object data="../fichier.xy">
<object data="../ailleurs/fichier.xy">
Même la référence à une URI complète est possible par exemple:
<object data="http://www.projet-super.fr/fichier.xy">
De plus, il vous est possible de mentionner le type Mime du fichier. Pour des fichiers de données référencés avec data=, notez en plus l'attribut type= tel qu'il est dans l'exemple ci dessus. Affectez comme valeur un type Mime valable. Quand vous ne connaissez pas le type Mime, laissez tomber la mention type=. Quand vous connaissez et mentionnez le type Mime, vous aidez le navigateur Web par cette mention à réagir plus rapidement.
Pour les objets incorporés, vous devez toujours noter les mentions de largeur et de hauteur. Avec l'attribut width= vous fixez la largeur en pixels ou en pourcentage par rapport à la largeur disponible, et avec height= la hauteur.
Certaines données par exemple les vidéos, ont une largeur d'origine et une hauteur d'origine. Pour incorporer une telle vidéo de façon optimale, vous devez connaître sa largeur et sa hauteur exactes, et les mentionner avec width= et height= quand vous incorporez le fichier vidéo.
Certains plugiciels, par exemple Sound-Player, ont une taille bien déterminée. Si vous connaissez la taille exacte, vous devez, quand vous incorporez des fichiers son devant être reproduits avec le plugiciel en question, mentionner la hauteur et la largeur exacte du lecteur. Vous pouvez ainsi placer le lecteur intégralement et de façon optimale dans l'affichage à l'écran du fichier HTML. Les mentions de taille de tels plugiciels sont en principe documentés avec le logiciel.
Si dans un premier temps, vous ignorez, de quelle largeur et de quelle hauteur l'objet a besoin, vous devez essayer différentes valeurs.
Avec les mentions width="0" et height="0" vous pouvez également empêcher complètement que l'affichage soit visible. Cela peut par exemple être souhaité pour une musique de fond.
L'élément object peut également être noté dans les mentions d'en-tête d'un fichier HTML, donc entre <head> et </head>. Cela est approprié quand le fichier de données ne doit pas être affiché, par exemple simplement quand une musique de fond doit être jouée. Dans ce cas, il est recommandé de noter les mentions width="0" et height="0" dans le repère d'ouverture <object>. Pour les objets qui sont incorporés dans l'entête d'un fichier HTML, il ne peut cependant pas être proposé de contenu en alternative qui crée une sortie visuelle entre les repères <object> et </object>.
Le consortium W3 prévoit aussi la possibilité dans le standard HTML de noter le repère object dans un formulaire, pour rechercher par exemple des valeurs en interaction visuelle avec l'utilisateur, valeurs qui seraient ensuite sauvegardées dans des éléments cachés dans les formulaires par exemple pour être transmises ensemble avec les données du formulaire. Les instructions précisant comment la communication entre l'objet et les éléments du formulaire doit fonctionner ne font pas encore partie de la spécification HTML.
|
|
Incorporer des cartes cliquables comme objetCette possibilité de l'élément objet est prévue avant tout pour les graphiques qui ne correspondent pas aux types standard GIF, JPEG ou PNG , qui sont habituellement incorporés avec le repère <img>. La possibilité est conçue par exemple pour des dessins CAD vectoriels ou pour les autres formats de graphiques que vous pouvez incorporer à l'aide de l'élément object.
Exemple d'affichage: aperçu (L'exemple nécessite l'installation d'un visualiseur Lurawave)
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Strict//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Texte du titre</title>
</head>
<body>
<map name="liens">
<area shape="poly" coords="1,90,129,81,202,275,,273,415,202,417,150,311,1,173" href="http://www.duesseldorf.de/">
</map>
<h1>Une ville sur le Rhin</h1>
<p>Cliquez sur le Rhin, au cas où vous voyez le graphique Lurawave.
Au cas où rien ne se passe, votre navigateur supporte certes l'affichage de l'objet, mais il ne reconnaît pas
la propriété de cartes cliquables pour les objets.</p>
<p><object data="ddorf.lwf" type="image/x-wavelet" width="413" height="417" usemap="#liens">
Votre navigateur ne peut malheureusement pas afficher l'objet !
</object></p>
</body>
</html>
|
Pour référencer une carte cliquable en tant qu'objet, notez dans le repère d'ouverture <object> l'attribut usemap=. Le reste du processus est ensuite le même que pour les graphiques composés de liens -cartes cliquables- (Image Maps) (S'y référer pour la description).
|
|
Incorporer des applets Java comme objetLes applets Java sont des programmes exécutables dont les sorties écran peuvent être affichées à l'intérieur d'une fenêtre d'affichage du navigateur Web. Les applets peuvent contenir par exemple des animations (dessins animés), des processus en temps réel sous forme de graphiques animés (mot clé actions en bourse), ou échanger des interactions avec l'utilisateur. Ainsi par exemple les applets Java sont-ils fréquemment employés pour la tenue de compte en ligne.
Des programmes Java doivent être disponibles sous forme compilée pour pouvoir être exécutés lorsqu'il sont référencés dans un fichier HTML. Théoriquement les noms d'applets Java compilés ont une terminaison .class.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Strict//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Texte du titre</title>
</head>
<body>
<h1>Lancez-vous dans le labyrinthe!</h1>
<p><object classid="java:zmaze3d.class" codetype="application/java-vm" width="600"
height="400"></object></p>
</body>
</html>
|
Avec l'attribut classid= dans le repère d'ouverture <object> vous référencez l'implémentation de l'applet Java (classid = class identifier = identificateur de classe). Une URI spéciale est permise ici: l'affectation de valeur se compose d'une chaîne de caractères invariable java: - suivie par le nom de fichier .class à savoir le fichier applet exécutable). Dans l'exemple ci-dessus, le fichier zmaze3d.class est incorporé de cette façon sous la forme classid="java:zmaze3d.class".
Si le fichier programme se trouve dans un autre répertoire ou sur un autre
serveur Internet que le fichier HTML dans lequel il est référencé il vous faut alors mentionner le chemin ou l'adresse de l'ordinateur serveur et le répertoire où le fichier programme se trouve (seulement le répertoire et non plus le nom du fichier programme). Pour ce faire, utilisez - également dans le repère d'ouverture <object> l'attribut codebase=. Pour l'affectation de valeur à cet attribut respectez les mêmes règles
que pour référencer en HTML. La mention de codebase= peut être également nécessaire dans quelques cas, pour charger des parties d'un applet Java d'un serveur bien déterminé.
De façon similaire aux fichiers de données il y a aussi pour les fichiers programmes exécutables des types Mime. Pour les applets Java les mentions codetype="application/java" ou bien codetype="application/java-vm" sont courantes.
Entre <object> et </object> vous pouvez noter des paramètres d'exécution en rapport avec les applets Java. Beaucoup d'applets Java nécessitent un ou plusieurs de ces paramètres quand ils sont exécutés.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Strict//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Texte du titre</title>
</head>
<body>
<h1>Un texte défilant avec Java</h1>
<p><object classid="java:zticker.class" codetype="application/java" width="600" height="60">
<param name="msg" value="L'énergie de comprendre">
<param name="href" value="../../../index.htm">
<param name="speed" value="5">
<param name="bgco" value="255,255,255">
<param name="txtco" value="000,000,255">
<param name="hrefco" value="255,255,255">
</object></p>
</body>
</html>
|
Chaque paramètre est mentionné par <param name= value=>. Pour l'attribut name= mentionnez le nom du paramètre. Pour value= mentionnez la valeur désirée du paramètre qui doit être transmise à l'applet.
Pour des programmes Java constitués de plusieurs fichiers class exécutables vous devez indiquer le fichier qui contient le lancement du programme. Vous trouverez des précisions dans la documentation qui accompagne en principe de tels programmes Java. Vous trouverez de même les instructions précises pour incorporer un applet Java - par exemple sur les paramètres attendus ou les paramètres permis - dans la documentation qui accompagne l'applet Java.
Faîtes aussi attention comment incorporer du multimédia (Netscape traditionnel).
|
|
Incorporer des contrôles ActiveX comme objetLes contrôles ActiveX peuvent assumer des tâches analogues à celles des applets Java. Ils sont toutefois plus performants que les applets Java dans le monde de Windows et ancrés dans le monde de Microsoft, ils ne sont interprétés que par l' Explorer Internet.
Exemple d'affichage: aperçu ( source au texte d'exemple)
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Strict//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Texte du titre</title>
</head>
<body>
<h1>Un fichier MIDI</h1>
<object width="267" height="175"
classid="CLSID:05589FA1-C356-11CE-BF01-00AA0055595A">
<param name="filename" value="ritmo.mid">
</object>
</body>
</html>
|
En mentionnant classid= vous référencez l'implémentation du contrôle ActiveX désiré (classid = class identifier = identificateur de classe). La mention se compose d'une chaîne
de caractères invariable CLSID: - suivie de l'identificateur ID. Vous devez connaître cet ID. Dans l'exemple ci-dessus est référencé un contrôle ActiveX vraiment connu, à savoir celui qui prend en charge sous Windows la reproduction de fichiers multimédia. Il incorpore le diffuseur de Média de Windows dans le domaine défini pour l'objet. En mentionnant classid="CLSID:05589FA1-C356-11CE-BF01-00AA0055595A" vous incorporez donc un contrôle ActiveX qui permet la lecture de fichiers son et vidéo de tous les formats connus tels que WAV, AU, MID, MP3, AVI, MPEG etc.
En mentionnant codebase= vous pouvez donner l'adresse Internet à partir de laquelle peut être chargé le contrôle ActiveX si le navigateur Web ne le trouve pas sur l'ordinateur de l'utilisateur (Les contrôles ActiveX- sont en principe sauvegardés dans un sous-répertoire de Windows après avoir été chargés; ce sont les fichiers *.ocx et ils sont chargés à partir de ce répertoire quand ils sont appelés à nouveau).
Les contrôles ActiveX peuvent exactement comme les applets Java se voir transmettre des paramètres. Ceux-ci sont notés exactement de la même façon à savoir avec <param name= value=> entre les repères <object> et </object>. Le contrôle ActiveX de l'exemple ci-dessus attend un paramètre du nom de filename, qui attend lui-même pour value= la mention du fichier dont vous désirez la diffusion.
|
|
Incorporer des applications Flash comme objetL'incorporation de Flash (fichiers *.swf) se fait de façon analogue è celle d'applet Java ou de contrôles ActiveX.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Strict//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Texte du titre</title>
</head>
<body>
<h1>Le bon vieux jeu du ver avec Flash!</h1>
<p>Cliquez d'abord sur START et appuyez ensuite sur la touche espace pour faire apparaître le "ver". Vous pouvez déplacer le ver à l'aide des touches fléchées. "Mangez" le nombre indiqué sans toucher les obstacles!</p>
<object classid="CLSID:D27CDB6E-AE6D-11cf-96B8-444553540000"
codebase="http://active.macromedia.com/flash2/cabs/swflash.cab#version=4,0,0,0"
width="600" height="400">
<param name="movie" VALUE="nibbles.swf">
<param name="quality" value="high">
<param name="scale" value="exactfit">
<param name="menu" value="true">
<param name="bgcolor" value="#000040">
</object>
</body>
</html>
|
Avec l'attribut classid= vous référencez l'implémentation désirée (classid = class identifier = identificateur de classe). La mention se compose d'une chaîne de caractères invariable CLSID: - suivie de l'identificateur ID. Pour Flash vous devez toujours noter classid="CLSID:D27CDB6E-AE6D-11cf-96B8-444553540000".
En mentionnant codebase= vous pouvez donner l'adresse Internet à partir de laquelle peut être chargé le plugiciel Flash si le navigateur Web ne le trouve pas sur l'ordinateur de l'utilisateur. Dans l'exemple ci-dessus est mentionnée l'adresse pour Flash 4. Si vous utilisez des applications Flash réalisées avec Flash 5 , mentionnez codebase="http://active.macromedia.com/flash5/cabs/
swflash.cab#version=5,0,0,0".
Les applications Flash peuvent exactement se voir transmettre exactement comme les applets Java des paramètres. Ceux-ci sont aussi notés exactement de la même façon, à savoir avec <param name= value=> entre les repères <object> et </object>. Le paramètre le plus important est celui nommé movie, pour lequel vous indiquez pour value le nom de fichier swf souhaité.
Dans la pratique, il est souvent préférable de mentionner en plus de l'élément object également la façon d' incorporer du multimédia (Netscape traditionnel). Ainsi les navigateurs Netscape plus anciens s'en sortent également dans la mesure où le plugiciel Flash est installé. L'inconvénient en est pourtant que vous êtes obligé d'employer un élément HTML qui ne fait pas partie du standard HTML. Vous créez donc ainsi du HTML non valide. Pour l'exemple ci-dessus le code source serait le suivant:
<object classid="CLSID:D27CDB6E-AE6D-11cf-96B8-444553540000"
codebase="http://active.macromedia.com/flash2/cabs/swflash.cab#version=4,0,0,0" width="600" height="400">
<param name="movie" VALUE="nibbles.swf">
<param name="quality" value="high">
<param name="scale" value="exactfit">
<param name="menu" value="true">
<param name="bgcolor" value="#000040">
<embed src="nibbles.swf" quality="high" scale="exactfit" menu="false"
bgcolor="#000000" width="600" height="400" swLiveConnect="false"
type="application/x-shockwave-flash" pluginspage
="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash"></embed>
</object>
|
|
|
Bordures autour des objetsVous pouvez décider que le navigateur dessine une bordure autour d'un objet
incorporé. Cette mention n'est significative que s'il s'agit d'un objet incorporé. L'attribut pour le faire est toutefois classé en cours d'abandon et doit disparaître à l'avenir du standard HTML, étant donné qu'il peut être remplacé par la propriété CSS border.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Bordures autour des objets</title>
</head>
<body>
<h1>Un fichier texte incorporé et entouré d'une bordure !</h1>
<p><object data="html.txt" type="text/plain" width="300" height="400" border="2">
Votre navigateur ne peut malheureusement pas afficher cet objet !
</object></p>
</body>
</html>
|
Par l'attribut border= dans le repère d'ouverture <object> une bordure est définie autour de l'objet (border = bordure). La mention se fait en pixels et signifie épaisseur de la bordure.
L'exemple ci-dessus montre comment de simples fichiers texte peuvent être incorporés dans une "boite" - il en va exactement de même avec les fichiers HTML et le type Mime text/html. L'explorer Internet affiche les fichiers mais sans bordure cependant. Netscape quant à lui ne peut pas afficher le fichier texte en tant qu'objet.
|
|
Noms pour les objetsVous pouvez donner un nom à un objet.
<object name="fichier_MIDI" width="267" height="175"
classid="CLSID:05589FA1-C356-11CE-BF01-00AA0055595A">
<param name="nomfichier" value="ritmo.mid">
</object>
|
Avec name= vous attribuez un nom à l'objet. Le nom ne doit pas être trop long et ne peut comporter ni espace, ni caractère spécial, ni caractère avec accent. Le premier signe doit être une lettre. Ensuite, les chiffres sont également permis. N'utilisez tout au plus comme caractère spécial que le tiret de soulignement (_), le trait d'union (-), les deux points (:) ou le point (.). Par rapport à JavaScript le nom ne doit comporter que des lettres, des chiffres et le tiret de soulignement (_). Les majuscules et les minuscules sont différenciées tout comme pour les langages tels que JavaScript.
|
|
Dans le sommaire de référence HTML vous trouverez des données précisant où l'élément object peut être placé, quels attributs il peut avoir, et ce à quoi il faut veiller pour les différents attributs:
référence pour les éléments pour les références objet (<object> ... </object>)
reference pour les attributs pour les références objet (<object> ... </object>)
|
| |
 |
Propriétés des objets
|
 |
Cadres pour faciliter la mise en page
|
| SELFHTML/Aides à la navigation HTML/XHML Multimédia |
© 2001 Stefan Münz / © 2003 Traduction 
Serge François, 13405@free.fr selfhtml@fr.selfhtml.org
