SELFHTML/Quickbar
HTML
Objets multimédia en HTML
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. Il peut s'agir aussi d'un fichier exécutable par le navigateur WWW à 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>. Le repère <object> 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 WWW. C'est pourquoi on attendra encore un moment jusqu'à ce que la majorité des utilisateurs aient un navigateur WWW qui interprète correctement la nouvelle commande dans toutes ses variantes. Le repère <object> est pourtant conçu de telle façon qu'il permette l'alternative des commandes habituelles pour incorporer des fichiers étrangers.
Si vous échouez en tentant d'employer le repère <object> essayez les possibilités habituelles suivantes:
Incorporer des multimédia (Netscape)
Incorporer des vidéos (Microsoft)
Incorporer des applets Java
![]() ![]() |
Vous pouvez incorporer n'importe quel fichier de données comme objet dans un
fichier HTML. Un navigateur WWW comme Netscape peut afficher de tels
fichiers si l'utilisateur a installé le Plugin
correspondant. Si le plugin est installé le navigateur WWW peut présenter le
fichier dans sa fenêtre d'affichage comme il a été construit par son
programme 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 plugin 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é.
<object data="mariage.avi" type="video/x-msvideo"> <img src="mariage.jpg"> </object> |
<object data="mariage.avi" type="video/x-msvideo"> <embed src="mariage.avi"> </object> |
Avec <object ...> vous introduisez la référence.
Avec l'attribut data= vous référencez le fichier désiré
(data =
données). La mention doit être faite entre guillemets. Dans les exemples
ci-dessus il est admis que le fichier se trouve dans le même répertoire que le
fichier HTML dans lequel il est référencé. Toutefois le fichier peut se
trouver également dans un autre répertoire au choix ou sur un autre serveur
Internet. Dans ces cas là, respectez les mêmes règles que pour incorporer des graphiques
(qui eux comportent la mention src=).
En rapport avec le repère <object> vous pouvez
mentionner le type Mime
du fichier. Pour des fichiers de données référencés avec data=
notez pour cela la mention type= suivie entre guillemets d'un
type Mime valide. La mention du type Mime doit être entre guillemets. Si vous
ne connaissez pas le type Mime ne mentionnez pas type=. Si vous
connaissez la type Mime et le mentionnez vous aidez par cette mention le
navigateur à réagir plus vite.
Un repère d'ouverture <object>nécessite un repère de
fermeture </object>. Entre <object> et </object>
peuvent figurer diverses mentions. Dans le premier des exemples ci-dessus figure
une référence
de graphique ordinaire Ce graphique est affiché au cas où le fichier
mentionné avec <object...> ne peut être affiché ou plutôt
quand le navigateur WWW ne connaît pas le repère <object>.
Dans le deuxième des exemples ci-dessus le même fichier que dans le repère <object>
est référencé à cet endroit d'après cependant la
méthode Netscape pour incorporer du multimédia.
ordinaire. Avec une construction comme dans le deuxième des exemples
ci-dessus vous vous assurez que même les versions plus anciennes de Netscape reconnaîtront
la commande désirée.
Si le navigateur WWW a des difficultés lors de l'affichage d'un fichier
multimédia bien que le plugin soit installé par exemple pour des vidéos ou
des des fichiers VRML mentionnez de façon explicite les largeur
et hauteur de l'affichage.
Si pour type= vous mentionnez le type Mime text/html et pour data= un fichier HTML vous pouvez afficher un autre fichier HTML comme objet lié à l'intérieur du fichier HTML actif.
![]() ![]() |
Il y a déjà des possibilités d'incorporer incorporer des graphiques composés de
liens en HTML. La méthode décrite ici suit le principe de
n'incorporer à l'avenir les fichiers étrangers que comme objet. Que ce
principe s'impose dans un futur proche pour les graphiques et les graphiques
composés de liens est douteux si on considère comme le repère <img>
est répandu.
<object data="hypgraph.gif" shapes> <a href="#ancre" shape=rect coords="1,1,249,49">texte du lien</a> <a href="datei.htm" shape=rect coords="1,51,149,299">texte du lien</a> <a href="../fichier.htm" shape=rect coords="251,1,399,399">texte du lien</a> <a href="http://www.nix.de/" shape=rect coords="151,51,249,299">texte du lien</a> </object> |
Avec <object ...> vous introduisez la référence.
En mentionnant data= vous référencez le fichier graphique
désiré (data = données). La mention doit figurer entre guillemets. Si
vous référencez à partir d'autres répertoires ou d'autres adresses Internet.
Les mêmes règles entrent en vigueur que pour incorporer des graphiques
(qui eux comportent la mention src=).
Pour identifier l'objet comme étant un graphique composé de liens vous devez noter dans le repère d'ouverture <object> la mention shapes (shapes = pochoirs).
Entre le repère d'ouverture <object> et le repère de
fermeture </object> vous définissez les surfaces associées à
des liens désirées. Avec <a href=> vous déterminez la cible
où doit mener le lien quand l'utilisateur clique sur une surface définie
du graphique. Est valable pour ce faire le schéma pour les liens en HTML.
Dans le repère d'ouverture <a>- vous déterminez avec shape= et coords= les surfaces associées à des liens du graphique. Sont valables les mêmes règles que pour les graphiques composés de liens normaux.
Le texte du lien que vous mentionnez entre <a href= shape= coords=> et </a> est affiché pour l'utilisateur quand le navigateur WWW ne connaît pas la commande pour incorporer les graphiques composés de liens comme objet ou au cas où le graphique ne peut pas être affiché.
Dans les repères <a> peut être également utilisé
l'attribut tabindex=. Son effet est le même que pour feuilleter les liens avec le tabulateur
et sera expliqué plus précisément à cet endroit.
![]() ![]() |
Les 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 WWW. des applets peuvent contenir par exemple des animations (dessins animés), des processus en temps réel sous forme de graphiques animés (mot clé: :Börsenticker), ou échanger des interactions avec l'utilisateur (petits jeux comme le pendu ou Mastermind, calculatrice simulations graphiques sur la base de paramètres à entrer au clavier, etc...).
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.
<object classid="java:animation" "codebase=../java/" codetype="application/java-vm"> <param name=animation_text value="Mon texte animé"> </object> |
Avec objet <object ...> vous introduisez la référence.
Avec la mention classid= vous référencez le fichier programme (classid = class identifier = identificateur de classe). La mention doit figurer entre guillemets.
La mention est constituée de la chaîne de caractères invariable java: - suivie du nom du fichier class (à savoir le nom du programme exécutable Java), sans mentionner toutefois la terminaison .class. Dans l'exemple ci-dessus c'est donc le fichier animation.class qui est incorporé avec la mention classid="java:animation".
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 la mention codebase=.
La mention doit figurer entre guillemets. Pour les mentions, respectez les mêmes règles
que pour incorporer des graphiques
(qui eux comportent la mention src=). La mention codebase=
peut être nécessaire dans certains cas, pour charger des parties d'un applet
Java d'un serveur Internet déterminé.
De façon similaire aux fichiers de données il y a aussi des types
Mime pour les fichiers programmes exécutables Si vous connaissez le
type mime d'un programme vous pouvez l'indiquer avec codetype=.
Ainsi vous aidez le navigateur WWW à réagir plus rapidement.
Un repère d'ouverture <object> nécessite un repère de fermeture </object>. 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. Chaque paramètre est mentionné grâce à <param name= value=>. Après name= vous donnez le nom du paramètre qui doit être transmis au programme. Après value= vous donnez la valeur désirée du paramètre devant être transmise au programme. Les chiffres sont mentionnés sans guillemets, les chaînes de caractères avec guillemets.
Pour des programmes Java constitués de plusieurs fichiers 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 dans la documentation qui l'accompagne.
Si le navigateur WWW fait des difficultés pour l'affichage d'un applet Java
mentionnez donc les largeur et hauteur de l'affichage de façon explicite.
![]() ![]() |
Les 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 et ne sont interprétés que par l' Explorer Internet Microsoft.
<object "classid=clsid:663C8FEF-1EF9-11CF-A3DB-080036F12502" data="clock.stm" codebase="http://www.acme.com/ole/"> </object> |
Avec <object ...> vous introduisez la référence.
En mentionnant classid= vous référencez le contrôle ActiveX (classid = class identifier = identificateur de classe). La mention doit être faite entre guillemets. La mention se compose d'une chaîne de caractères invariable clsid: - suivie de l'identificateur ID qui la désigne. Vous devez connaître cet identificateur.
Dans certains cas les contrôles ActiveX ont besoin de données
d'initialisation qui se trouvent dans un fichier correspondant. Vous pouvez
mentionner le fichier qui contient de telles données d'initialisation avec data=.
Cette mention doit figurer entre guillemets. Les mêmes règles sont à respecter que pour
incorporer des graphiques
(qui eux comportent la mention src=).
En mentionnant codebase= vous donnez l'adresse Internet À partir de laquelle peut être chargé le contrôle ActiveX si le navigateur WWW 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.
![]() ![]() |
Vous pouvez décider que le navigateur dessine un cadre autour d'un objet incorporé. Cette mention n'est toutefois significative que si l'affichage a lieu grâce à un plugin et qu'il est possible directement dans la fenêtre d'affichage du navigateur WWW.
<object data="mariage.avi" border=5> </object> |
Par l'attribut border= dans le repère d'ouverture <object> un cadre est défini autour de l'objet (border = bordure). La mention se fait en pixels et signifie épaisseur du cadre.
![]() ![]() |
Vous pouvez donner un nom à un objet.
<object data="mariage.avi" type="video/x-msvideo" name="vidéomariage"> <img src="mariage.jpg"> </object> |
Avec name= placé dans la référence de l'objet vous attribuez un nom à l'objet. Le nom doit être placé entre guillemets, ne doit pas être trop long ni comporter d'espaces ou de caractères spéciaux. Seuls sont autorisées les lettres, les chiffres et les tirets de soulignements.
![]() ![]() |
Le repère <object> peut comprendre des attributs
universels.
Il est aussi possible d'utiliser des feuilles de style CSS
sur
des objets multimédia. Tout d'abord il vous faut savoir comment
définir des feuilles de style.
Ensuite vous serez en mesure d'utiliser les commandes de feuilles de style. Avec
le repère <object> vous pouvez utiliser par exemple les
commandes de feuilles de style suivantes :
Espacements, marges et alignement
Cadres et espaces intérieurs
Couleurs et images d'arrière-plan
Positionner des
éléments
![]() | |
après:![]() |
![]() |
avant:![]() |
![]() |
SELFHTML/Quickbar
HTML
Serge François, 13405@free.fr