Extensions multimédias

Insertion de fichiers sonores

Lancement automatique

Si votre ordinateur est équipé d'une carte son, vous pourrez entendre quelques sons et quelques ... "musiques".
Votre navigateur doit déjà avoir lancé un petit module externe (un plug-in) pour "afficher" des fichiers sons.

 Voici la ligne de code correspondante :
<EMBED SRC="../sons/place.wav" AUTOSTART=true HIDDEN=true LOOP=false>

Les paramètres de la balise <EMBED> ont des significations évidentes :

SRC =" ... "
le fichier importé est un fichier audio de type wav (formats admis : WAV, AIFF, AU et MIDI)
AUTOSTART=true
Le fichier son est chargé et "exécuté" dès que la page HTML est ouverte.

Ceci permet de lancer un accompagnement musical dès l'ouverture.
HIDDEN=true
Le panneau de contrôle du "magnétophone" n'apparaît pas sur la page.
LOOP=false
le fichier son n'est pas joué continuellement (en boucle : à utiliser avec modération ..).

Contrôle de l'exécution sonore

Voici 5 "magnétos" prêts à fonctionner :
du archi-classique JSB massacré... maple  flash dance  pour les amateurs ...

Si les boutons ne sont pas visibles on peut contrôler en cliquant bouton droit, et choisir
Play, pause ou stop
Il est possible de régler l'intensité sonore pendant l'exécution en déplaçant le curseur.

Remarque

On peut utiliser la balise <EMBED ...> ou un lien hypermédia <A HREF ... > vers le fichier son.
Préciser les différences d'effets entre les 2 lignes suivantes.

Musique !



<A HREF="../sons/axelf.mid"  >Musique !</a>



<EMBED SRC="../sons/axelf.mid" WIDTH=130 HEIGHT=60 AUTOSTART=false LOOP=false > 



Insertion de séquences vidéos

Les formats de fichiers vidéo, normalement supportés par le langage, sont AVI (format standard de Windows), MOV (standard Quicktime, venant du MacIntosh, et MPEG (format compressé très répandu).
Le navigateur ne pourra interpréter le code qu'à la condition de trouver un programme intégré ou un module externe "plug-in", approprié à l'affichage du type de fichier vidéo.

Exemples

  1. Exemple d'un document sur le jonglage, contenant des images gif, hyperliens vers des fichiers MPEG (démos figures de jonglage).

  2. Voici un extrait du code :
    <A href="rr01.mpg"><IMG src="rr01.gif" align=left hspace=19 width=90 height=110 border=0 </A>

    L'association de l'affichage du fichier vidéo, ici au format compressé mpg à l'activation d'une hyper-image, s'effectue comme une simple image (voir le chapitre sur les images )

  3. ème exemple

  4. Voici une page contenant sous des formes diverses (par lien hypermédia ou par balise embed) les 3 types de vidéos.

     essai vidéos

    En voici le code :

    <EMBED src="R_orson.avi" width=300 height=150 autostart=true loop=true>
    
    <EMBED src="S_kyia.avi" width=200 height=200>
    
    <EMBED src="R_jaba.avi" width=200 height=150>
    
    <P>
    
    <EMBED src="fractal1.mpg"  autostart=true align=left hspace=30> 
    
    <A href="fractal1.mpg">Fractale 1</A>
    
    <A href="fractal2.mpg">Fractale 2</A>
    
    <A href="fractal11.mpg">Fractale 11</A>

Enchainement de pages

La balise META HTTP-EQUIV="Refresh" est une directive insérée dans la partie <HEAD> d'une page, qui va provoquer l'affichage automatique d'une autre page, dont l'adresse est introduite par le paramètre URL, après une attente spécifiée par le paramètre CONTENT (ici 5 secondes).

<META HTTP-EQUIV="Refresh" CONTENT="5;URL=accueil2.htm">

Ceci peut être intéressant pour l'ouverture automatique d'une séquence de quelques pages.

Exemple Voici un exemple d'enchainement automatique de 3 pages avec un délai de 5 secondes, accompagnées de l'affichage de 3 fichiers sonores cachés.

Animation 3D

Netscape a intégré des scènes animées 3D dans les pages Web .
Ces animations sont programmées à l'aide d'un langage spécifique VRML= Virtual Reality Modeling Language, créé en 1993.
On peut y placer des ancres hypertextes qui chargent d'autres scènes ou des pages.
Voir quelques exemples de scènes VRML très simples.
Si le module externe Live3D n'est pas installé, essayer d'ouvrir avec Netscape version 3.