SELFHTML/Quickbar  HTML  Objets multimédia en HTML


Incorporer des données et des programmes comme objet

Cette page est un document avec du texte et des informations

 Objets en HTML
 Incorporer des fichiers de données comme objet
 Incorporer des graphiques composés de liens comme objet
 Incorporer des applets Java comme objet
 Incorporer des contrôles ActiveX comme objet
 Cadres autour d'objets
 Noms pour des objets
 Autres possibilités

 

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

Attention:

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

 

HTML4.0 Incorporer des fichiers de données comme objet

Beispiel Exemple d'affichage: aperçu

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

Exemple 1:

<object data="mariage.avi" type="video/x-msvideo"> 
 <img src="mariage.jpg"> 
</object>

Exemple 2:

<object data="mariage.avi" type="video/x-msvideo"> 
 <embed src="mariage.avi"> 
</object>

Explication:

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.

Attention:

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.

 

HTML4.0 Incorporer des graphiques composés de liens comme objet

Beispiel Exemple d'affichage: aperçu

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.

Exemple:

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

Explication:

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.

Attention:

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.

 

HTML4.0 Incorporer des applets Java comme objet

Beispiel Exemple d'affichage: aperçu

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.

Exemple:

<object classid="java:animation" "codebase=../java/" codetype="application/java-vm">
 <param name=animation_text value="Mon texte animé">
</object>

Explication:

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.

Attention:

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.

 

HTML4.0 Incorporer des contrôles ActiveX comme objet

Beispiel Exemple d'affichage: aperçu

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.

Exemple:

<object "classid=clsid:663C8FEF-1EF9-11CF-A3DB-080036F12502" 
data="clock.stm" codebase="http://www.acme.com/ole/">
</object>

Explication:

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.

 

HTML4.0 Cadres autour d'objets

Beispiel Exemple d'affichage: aperçu

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.

Exemple:

<object data="mariage.avi" border=5> 
</object>

Explication:

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.

 

HTML4.0 Noms pour des objets

Vous pouvez donner un nom à un objet.

Exemple:

<object data="mariage.avi" type="video/x-msvideo" name="vidéomariage"> 
 <img src="mariage.jpg"> 
</object>

Explication:

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.

 

HTML4.0 Autres possibilités

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: Largeur et hauteur d'objets
avant: Tuyaux pour le travail avec les frames
 

SELFHTML/Quickbar  HTML  Objets multimédia en HTML

© 1998 Stefan Münz / © 2001 Traduction  Serge François, 13405@free.fr