Insertion d'objets

Vous avez déjà vu sur le Web des pages avec de belles animations, ou de la musique... Flash, QuickTime, RealMedia Player, Windows Media Player, applets Java, audio, video, streams, .avi, documents PDF, images TIFF, etc... nous allons voir tout ça.

Voici donc quelques essais avec EMBED et/ou OBJECT qui marcheront plus ou moins bien selon que vous êtes sous tel ou tel navigateur et/ou que vous avec le plug-in requis.

A l'origine, EMBED était reconnu par Netscape et OBJECT par Internet Explorer, en fait Microsoft ActiveX. L'idée est donc de mettre les deux, imbriqués... PARAM sert à modifier les attributs de l'objet (commandes propres au plug-in). On les imbrique dans OBJECT.
Attention, certains plug-ins préfèrent la valeur "true" à "1", ou "false" à "0". Actuellement EMBED et OBJECT sont (souvent) reconnus par tous les navigateurs (IE, Firefox, ...), l'un servant de secours pour l'autre. Expérimenter séparément chacun d'eux, avec plusieurs navigateurs...

Toutefois, depuis la version 3.0 d'Internet Explorer et 4.0 de Netscape (donc Firefox), OBJECT est reconnu par ces navigateurs. Donc EMBED ne sert plus que pour les vieilles versions encore en service.

Le type de l'objet est un type MIME (voici aussi la liste, chez Mozilla/Firefox). Par exemple, audio/mp3. Ce type est nécessaire pour EMBED. Mais souvent (avec IE ou Windows), l'extension du fichier aide le navigateur à déterminer le type, par exemple .zip sera application/x-zip-compressed. Voici une correspondance.

Le type sert aussi à décharger un plug-in si vous ne l'avez pas encore d'installé, afin de pouvoir lire l'objet. Pour cela, EMBED exige TYPE= et PLUGINSPAGE=, alors qu'OBJECT exige CODEBASE= et CLASSID=

voir tous les plug-ins installés sur votre navigateur et tous les types MIME reconnus en cliquant ici.

On peut aussi imbriquer des OBJECT entre eux. Voir exemple.

Attention, une page Web exigeant des plug-ins, même si ça apporte de l'esthétisme, est parfois rebutante (volumineux, lent, pas portable entre les différents navigateurs/versions, et l'utilisateur n'a pas forcément le plug-in requis). C'est parfois laborieux de le décharger et de l'installer. N'oubliez pas la règle d'or: une page est attractive si elle est rapide à charger.

De tous ces types d'objets, ce sont les animations Shockwave/Flash (.swf) qui sont les plus fréquentes (l'utilisateur a à tous les coups le plug-in). Réciproquement, il aura plus difficilement celui pour afficher des documents Powerpoint par exemple.

J'ai mis les objets qui suivent dans des pages séparées, afin de ne pas tous les charger en même temps ce qui serait très long. Mettez éventuellement en grand écran, affichez le source, copiez-le... Il y a sûrement moyen de configurer certains de ces objets mieux que je ne l'ai fait (chercher sur le Web).


Légende:

Objet déclaré avec EMBED imbriqué dans OBJECT, comme il se doit.
Objet déclaré uniquement avec EMBED.
Lien direct vers l'objet, adresse http://



Texte, HTML et images:


Texte:
Object+Embed lien direct

Document HTML:
Object+Embed lien direct

Image JPEG (.jpg):
Object+Embed lien direct

Le seul avantage d'inclure les objets précédents, qu'on pourrait lire nativement (texte, HTML, images JPEG ou GIF) est la présence des barres de scrolling sur les côtés. Cependant, on peut avoir le même résultat en utilisant la balise DIV et les styles, ou les FRAMEs, ou la commande TEXTAREA pour du texte. L'autre inconvénient est que visiblement, pour ces objets-là, Netscape a besoin d'un plug-in (ce qui est un comble).

Image TIFF (.tif):
Object+Embed Embed lien direct

Autres types d'image (parfois c'est le plug-in Quicktime qui les lit):
  • PNG (image/x-png)
  • TGA (image/x-targa)
  • Windows bitmap (image/x-bmp)
  • Icône (image/vnd.microsoft.icon):
    Embed lien vers PNG lien vers TARGA lien vers BMP lien vers ICO


    Documents:


    Document .pdf (Acrobat Reader):
    Object+Embed Embed lien direct

    Document Microsoft Word (.doc):
    Object+Embed Embed lien direct

    Il y a aussi (depuis 2002) les types application/vnd.ms-works, application/vnd.ms-excel, application/vnd.ms-powerpoint... ce qui laisse présager pas mal de choses, mais aussi application/postscript, etc... Voir http://www.iana.org/assignments/media-types/application/.

    Document image vecteur SVG (.svg):
    Object+Embed Embed Embed Embed lien direct


    Audio:


    Morceau MP3:
    Object+Embed Object+Embed Object+Embed Embed lien direct

    Son WAV:
    Object+Embed Object+Embed Embed Embed Embed lien direct

    Musique de fond:
    Bgsound Bgsound Bgsound Bgsound Bgsound Bgsound

    Fichier MIDI (.mid):
    Object+Embed Object+Embed Object+Embed Embed lien direct

    Fichier audio Sun (.au):
    Embed lien direct

    Fichier audio Mac (.aiff):
    Embed lien direct

    Fichier audio Rich Music Format, de Beatnik (.rmf):
    Embed lien direct


    Vidéo:


    Animation Shockwave/Flash de Macromedia (.swf):
    Object+Embed Object+Embed Object+Embed Object+Embed Embed Object+Embed lien direct

    Animation .flv (Flash Video, YouTube ou VLC):
    Object+Embed Object lien direct

    Animation .avi (Windows Media Player):
    Object+Embed Embed lien direct

    Animation .qt (QuickTime) (229 ko: 50 s à décharger par modem):
    Object+Embed Embed lien direct

    Animation .mov (QuickTime):
    Object+Embed Embed lien direct

    Panorama 360° .mov (QuickTime) (231 ko):
    Object+Embed lien direct

    Animation MPEG (257 ko: 1 mn à décharger par modem):
    Object+Embed Object+Embed Embed lien direct

    Vues 3-D mondes virtuels VRML (.wrl, .wrz):
    Object+Embed Embed lien direct autre exemple

    Objet de type RealAudio/RealMedia (.rm):
    Object+Embed Object+Embed Embed lien direct

    Vidéos de type Window Media (.wmv):
    Object+Embed lien direct


    Streaming:

    Un meta-file (meta-fichier) est un fichier qui indique l'adresse d'un autre: les données effectives avec éventuellement un protocole de transfert. C'est souvent employé dans les streams de radio ou vidéo (RealMedia ou QuickTime). Un stream est un fichier audio ou vidéo qui n'attend pas d'être chargé complètement pour jouer (l'utilisateur attend donc moins pour le démarrage). Il y a donc un tampon qui s'efforce d'être suffisamment plein, en fonction de la vitesse de connection, qu'on configure dans le lecteur.

    Si la ligne est à petite vitesse, le déroulement de la vidéo rattrape souvent la fin du tampon, et la vidéo s'interrompt alors un peu pour que le tampon se remplisse.

    Stream audio de type meta-file RealAudio/RealMedia (.ram).
    - actualités Radio-France:
    Object+Embed Embed fichier .ram contenu du fichier .ram

    Stream video de type meta-file RealMedia Player (.rpm):
    Object+Embed lien direct

    Stream video de type meta-file Windows Media Player /ActiveMovie (.asx).
    - actualités M6: 6 Minutes
    Object+Embed lien direct
    - partant de là, programme en Javascript donnant le dernier "6 Minutes":
    Object+Embed

    Stream audio de type meta-file Windows Media Player (.m3u) pointant vers un MP3:
    Object+Embed lien direct

    Stream video de type meta-file QuickTime (.mov).
    - North Anchor:
    Object+Embed Embed lien direct


    Java:

    Le Java, à ne pas confondre avec Javascript, est un langage compilé. Le code objet s'appelle une classe.


    Inclusion applet Java:
    Applet

    Modèle théorique:
    Object+Embed


    Essais divers...



    Exemple d'objets imbriqués:
    Object

    ActiveMovie, contrôle de vidéo:
    Object+Embed

    Document texte enrichi (Rich Text Format, .rtf):
    Object+Embed lien direct

    Document PowerPoint (.pps,.ppt):
    Object+Embed lien direct

    Document Excel (.xls):
    Object+Embed lien direct

    Document HTML Application (.hta):
    Object+Embed lien direct

    Contrôle Aide Windows:
    Object

    Archive zippée (.zip):
    Object+Embed lien direct

    Document Postscript (.ps, .eps):
    Object+Embed lien direct

    Programme exécutable (.exe):
    Embed lien direct




    Pour résumer:

    Quelques liens:

    Si vous avez constaté des erreurs, ou voulez poser une question, ou m'aider dans cette quête, écrivez-moi.