La vidéo

  1. Les différents formats vidéo
  2. Intégrer une vidéo AVI
  3. Intégrer une vidéo Quicktime
  4. Intégrer une vidéo RealVideo
  5. Principe du streaming
  6. Compatibilité des navigateurs avec les balises multimédia



Les différents formats vidéo.

Voici un tableau récapitulant les différents formats vidéo
ainsi que leurs origines.

Extension Origines - Observations
.AVI Vidéo for Windows.
.MOV Fichier Quicktime (Apple - Mac).
.MPEG ou .MPE ou .MPV Motion Picture Experts (MPEG-1).
.RPM ou .RA ou .RM Format RealVideo (ou RealAudio).
.ASF ou .ASX Format Netshow (Microsoft).


[Retour sommaire vidéo] 

 

 



Intégrer une vidéo AVI.

L'intégration d'un fichier AVI peut s'effectuer de différentes façons :

  1. Soit avec la balise <A HREF>
  2. Soit avec la balise <EMBED>

La balise <A HREF>
Le plus simple pour insérer une vidéo dans une page est d'appeler
cette vidéo par un lien hypertexte.

ex : <A HREF="other/video.avi">Ouvrez les yeux !!</A>

La balise <EMBED>
Cette balise permet d'inclure n'importe quelle vidéo, elle fait appel dans
certains cas à un module externe (plugin). Attention elle n'est pas
compatible avec certains navigateurs (I.Explorer 3.0 par exemple),
c'est pour cela que vous pouvez utiliser les balises <NOEMBED> et
</NOEMBED> (ignorés par les navigateurs qui comprennent la balise <EMBED>)
pour fournir un texte, ou une image de remplacement.

Voici les attributs standards de la balise <EMBED> :

  1. ALIGN : Aligne la console ou le texte (4 valeurs possibles,
    RIGHT, LEFT, TOP, BOTTOM).
  2. BORDER : Largeur de la bordure du cadre (en pixels).
  3. WIDTH : Largeur de la fenêtre qui accueillera la console (en pixels).
  4. HEIGHT : Hauteur de la fenêtre qui accueillera la console (en pixels).
  5. SRC : URL complète (chemin) du fichier.
  6. AUTOSTART : Spécifie si la vidéo est jouée
    automatiquement (TRUE) ou non (FALSE) (défaut : TRUE).
  7. AUTOLOAD : Spécifie si le chargement de la vidéo
    s'effectue automatiquement (TRUE) ou non (FALSE) (défaut : TRUE).
  8. LOOP : Spécifie le nombre de fois où la vidéo est jouée
    (si la valeur est –1 le fichier sera joué indéfiniment).
  9. CONTROLS : Indique si le panneau de contrôle s'affiche (TRUE)
    ou non (FALSE) (défaut : TRUE).
  10. TYPE : Indique le type MIME ex: TYPE="audio/mod" (facultatif).



Exemple d'un fichier AVI avec la balise <EMBED>

<EMBED SRC="other/video.avi." WIDTH=200 HEIGHT=200 AUTOSTART="FALSE" LOOP=1>

[Retour sommaire vidéo] 

Intégrer une vidéo Quicktime.

Le module Quicktime (Apple) permet d'afficher des vidéos de type .MOV
(mais aussi les formats AVI, MIDI, WAV ... avec Quicktime 3.0).
L'intégration de vidéo Quicktime est identique au format AVI, cependant
la balise <EMBED> possède plusieurs attributs particuliers :

  1. AUTOPLAY : indique si la vidéo est jouée automatiquement (TRUE)
    ou non (FALSE) (défaut : TRUE).
  2. CONTROLLER : Affiche la barre d'outils (TRUE) ou non (FALSE)
    (défaut : TRUE). Si elle est affichée, pensez à augmenter la valeur
    HEIGHT de 24 pixels.
  3. LOOP : Indique si la vidéo diffusée se fait en boucle.
  4. PLAYEVERYFRAME : Indique si la vidéo s'exécute au fur et à
    mesure du téléchargement (TRUE) ou non (FALSE). Equivalent au
    streaming mais l'image sera saccadée).
  5. TARGET : Identique pour un lien vers une frame.
  6. HREF : Lien avec la vidéo.
  7. PAN, TILT, FOV, NOD, et CORRECTION sont utilisés uniquement
    pour la diffusion de film VR (panoramique).

Note : Attention ce n'est pas parce que vous avez Quicktime installé sur votre machine
qu'il se lancera automatiquement, il faut d'abord le définir dans le type MIME
de Windows sinon, c'est le contrôle ActiveMovie qui s'exécutera, ce qui à part
l'interface, donnera le même résultat.

Exemple d'un fichier MOV avec la balise <EMBED>

<EMBED SRC="other/video.mov" WIDTH=200 HEIGHT=200 CONTROLLER="FALSE">



[Retour sommaire vidéo] 

Intégrer une vidéo RealVideo.

L'intégration de Vidéo avec RealVideo est similaire à l'intégration
de fichier audio avec RealAudio, elle se fait donc soit avec un lien hypertexte
soit avec la balise <EMBED> qui possède des attributs identiques
à l'insertion d'une vidéo AVI sauf CONTROLS qui possède des valeurs spécifiques :

L'attribut CONSOLE=nom permet, si vous avez plusieurs
fichiers sur une même page de les relier par le même nom
et donc d'obtenir les mêmes attributs pour CONTROLS.

Exemple d'un fichier RealVidéo.

<EMBED SRC="other/video.ra" CONTROLS="InfoPanel" WIDTH=200 HEIGHT=35 AUTOSTART="FALSE">

[Retour sommaire vidéo] 



Principe du streaming.

Le principe du streaming est simple, il s'agit d'une méthode qui permet
d'obtenir un téléchargement fluide : Le fichier vidéo (ou sonore) se chargera
petit à petit, ce qui sera transparent et, non pénalisant pour le visiteur.

Intégrer une vidéo avec RealPlayer (même principe pour un fichier audio), en
faisant appel au streaming, se passe en trois étapes.

  1. Créer le fichier au format RealVidéo.
  2. Création du Metafile.
  3. Intégrer le fichier final dans votre page.

1 - Créer le fichier au format RealVidéo.
Pour créer un fichier Realvidéo, vous devez passer par l'utilitaire Real Encoder 5 (audio et vidéo)
disponible gratuitement à : http://www.real.com/products/tools.html
Cet utilitaire permet de transformer un fichier .avi (ou tout autre fichier vidéo) en .ra, son utilisation est très simple.

2 - Création du Metafile.
Le Metafile est juste un fichier ayant l'extension .ram et, contenant une ligne
qui appellera votre fichier RealVidéo.
Exemple si votre fichier s'appelle video.ra, qu'il a été transféré par FTP dans
un répertoire se nommant film et que l'adresse de votre site est www.tv.com

http://nte-serveur.univ-lyon1.fr/real-audio/video.ra

La création de ce fichier que l'on nommera meta.ram se fait tout simplement
avec un éditeur de texte (le bloc-note par exemple).
Attention tout de même aux majuscules et minuscules.

3 - Intégrer le fichier final dans votre page..
Pour relier votre page à ce Metafile, il suffit de créer un lien hypertexte
qui appellera celui-ci et lancera RealPlayer.
Exemple si vous avez transféré votre Metafile sur la racine de votre site

<A HREF="meta.ram">Du streaming avec RealVidéo</A>

Il est possible d'opter pour la balise <EMBED> à la place du lien.

[Retour sommaire vidéo] 

 



Compatibilité des navigateurs avec les balises multimédia.

Voici un tableau récapitulant les différentes balises pouvant accepter
des fichiers multimédia ainsi que les navigateurs compatibles avec
celles-ci.
Comme vous pouvez le voir, il n'est pas de tout repos de proposer du
multimédia pour tous les visiteurs.

Netscape 2.0 I.Explorer 2.0 Netscape 3.0 et 4.x I.Explorer 3.0, 4.x, 5
<BGSOUND> Non Oui Non Oui
<IMG DYNSRC> Non Non Non Oui
<EMBED> Non Non Oui Oui
<NO EMBED> Balise non ignorée Balise non ignorée Balise ignorée Balise ignorée
<OBJECT> Non Non Oui (seulement 4.0) Oui (seulement 4.0)
[Retour sommaire vidéo]  

 

Les télévisions du monde entier en direct
Streamworks

Video live Player

Les vidéos MPEG

Site de real audio

[Sommaire] [Suite du cours]