|
|
 |
 |
 |
|
 |
|
 |
|
|
|
   |
|
 Les
différents formats vidéo
Les
formats avi/ quicktime / Realvideo
Le
principe du streaming |
|
1. Les différents formats
vidéo
Voici une liste non exhaustive des principaux formats vidéo
:
|
| Extension |
Format
d'origine |
Logiciel |
|
| .asf
ou .asx |
Format
Netshow ( Microsoft ) |
Window
Media Player |
| .avi |
Vidéo
pour Windows |
Window
Media Player |
| .mov |
Fichier
Quicktime (Apple - Mac) |
Quicktime |
| .mpg
.mpeg .mpe |
Motion
Picture Expert (MPEG-1) |
Window
Media Player |
| .rpm
ou .ra ou .rm |
Format
realVideo (ou RealAudio) |
RealPlayer |
| .swf |
Format
Flash ( Macromedia ) |
Plug-in
Flash Shockwave |
|
| |
 |
2. Les formats avi / Quicktime
/ Realvideo
- Intégrer une video au format Avi :
Deux possibilités :
- Avec la balise <a>, c'est à dire un lien
hypertexte classique, vous jouez la vidéo directement en
cliquant sur le lien.
Exemple : <a
href="video/intro.avi">Voir la vidéo</a>
- Avec la balise <embed>, vous pouvez jouer n'importe
quel type de vidéo et spécifier de nombreux attributs
de réglage.
• align : Avec cet attribut,
vous pouvez affecter une inscription à l'objet incorporé
ou laisser le texte entourer l'objet.
Avec align=top vous alignez le texte qui suit en haut
de l'objet, avec align=middle au milieu, et avec align=bottom
en bas. Avec align=left vous pouvez faire passer les
éléments qui suivent à droite de l'objet,
avec align=right vous alignez l'objet à droite
et les éléments qui suivent passent à sa
gauche.
• border : Détermine la
largeur en pixel du cadre de l'objet
• Avec width, [pixels/pourcentage]
vous déterminez la largeur d'affichage de l'objet incorporé,
avec height, la hauteur.
• src : Spécifie l'URL où
le chemin du fichier vidéo
• autostart : Spécifie si
la vidéo est jouée automatiquement ( true
) ou non ( false ).
Par défault, elle est jouée automatiquement.
• autoload : Spécifie si
la vidéo est chargée automatiquement ( true
) ou non ( false ).
Par défault, elle est chargée automatiquement.
• loop : Nombre de fois où
la vidéo est jouée. Avec la valeur -1, celle-ci
sera jouée indéfiniment.
• controls : Indique si le panneau
de contrôle s'affiche ( true ) ou non (
false ). Par défault, ce panneau de contrôle
s'affiche.
Exemple : <embed src="../video/intro.avi"
width="264" height="145" autostart="false"
loop="1">
|
|
- Intégrer une video au format Quicktime :
Avec le module Quicktime (Apple), vous
pouvez afficher des vidéos au format .mov
La balise <embed> possède plusieurs attributs
particuliers :
• type : Indique si la vidéo
est jouée automatiquement (true) ou non (false);
par défault, celle-ci est jouée automatiquement.
• controller : Affiche la barre
d'outils (true) ou non (false); par défault,
celle-ci est affichée.
• loop : Vidéo en boucle
ou non.
Remarque : Même si Quicktime est installée
sur votre machine, cette application ne se lancera pas automatiquement;
il faut pour cela le définir dans le type MIME de windows
en lieu et place de Windows Media Player.
Exemple : <embed src="intro/video.mov"
width="240" height="150" controller="true">
- Intégrer une video au format Realvideo :
L'intégration d'une vidéo avec Realvideo
s'effectue soit via un lien hypertexte, soit via la balise <embed>
:
L'attribut controls possède des valeurs spécifiques
:
• all : la fenêtre de contrôle
est complète.
• contropannel : Permet d'intégrer
les boutons play, pause et stop ainsi que
le curseur de position.
• infovolumpanel : Permet d'intégrer
une fenêtre d'information ainsi que le curseur de volume.
• statusbar : Intègre la
barre d'état
• playbutton : Intègre les
boutons Plat et Pause
• stopbutton : Intègre uniquement
le bouton stop
Exemple : <embed
src="divers/intro.ra" width="213" height=120"
autostart="false" controls="infopanel">
|
|
3. Le 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 ainsi, non pénalisant pour le visiteur.
Intégrer une vidéo avec RealPlayer, en faisant appel
au streaming, se passe en trois étapes :
- Créer le fichier au format RealVideo
- Création du Metafile
- Intégrer le fichier final dans votre page
• Créer le fichier au format RealVideo
Pour créer un fichier RealVideo, vous devez passer par l'utilitaire
Real Encoder 5 (audio et vidéo) disponible gratuitement sur
le site Web de Real.com.
Cet utilitaire permet de transformer un fichier .avi (ou tout autre
fichier vidéo) en .ra, son utilisation est très simple.
• Création du Metafile
Le Metafile est juste un fichier ayant l'extension .ram et contenant
une ligne qui appellera votre fichier RealVideo. 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.video.com :
http://www.video.com/film/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.
• 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 :
<a href="meta.ram">Du
streaming avec RealVideo</a>
A noter que la balise <embed> n'est pas reconnue par
les anciens navigateurs (Netscape 2, IE 2 et 3...) et que pour les
internautes fidèles à ces vieux "machins",
la balise <noembed> permet d'afficher une image ou
du texte à la place.
|
| |
|
|
|
| |
|
|
|
 |
|
 |
|
|
 |
|
 |
|
Recherche
par
mots-clés : |
|
|
|
 |
|
 |
|
|
|
|
|
|
|
|
|
