Intégration vidéo : "Vers la WebTV"

Deux options s'offrent à nous : soit en utilisant des vidéos existantes appartenant à d'autres internautes ou filmer et traiter nos propres capsules vidéos

Option 1 - Récupérer et utiliser des capsules vidéos faites par d'autres internautes (ou par vous) et hébergées sur des sites dédiés au partage de vidéos:
 

Les sites de parage de vidéos sont de plus en plus en nombreux à l'image de Youtube et de Dailymotion. Au delà de ces deux derniers sites très connus, il  existe d'autres dont on entend moins parlé mais qui méritent le détour comme Viddler (http://www.viddler.com), TeacherTube http://www.teachertube.com/ , ou encore l'excellente initiative du canal éducatif CED ( http://canal-educatif.fr/) qui vise à constituer un patrimoine gratuit de vidéos éducatives et culturelles pour redonner la passion des savoirs....

L'opération de récupérer des vidéos dans ces sites proposés par d'autres internautes et les incorporer dans notre page Web est fort simple (attention cependant aux droits d'auteurs) :

• Aller à un des sites de partage de vidéos.
• Chercher et repérer la vidéo qui vous intéresse (on peut chercher par les moteurs de recherche de ces sites)
• la vidéo se lit directement dans ces plateformes de partage de vidéos mais on a plusieurs possibilités dont :

   

  • récupérer l'adresse URL de la vidéo et faire dans une page Web de notre site un lien simple vers cette vidéo (Permalien dans le cas de Dailymotion par exemple et URL dans le cas de Youtube)
  • ou copier le code html (Lecteur Exportable dans le cas de Dailymotion par exemple) que l'on peut à insérer à l'endroit désiré d'une page Web de notre site (en mode html). Cette possibilité est intéressante car  la vidéo sera lue directement dans notre page. Voir cet exemple du résultat obtenu : http://cafetice.blogspot.com/2007/11/quattendez-vous-pour-comprendre-et.html

Exemple de YouTube

Exemple de Dailymotion

Cette petite procédure vous permet d'intégrer des liens vers des vidéos ou le mieux directement des vidéos faites par d'autres dans votre site. Toutefois,  Les sites dédiés au partage de vidéo offrent souvent des espaces pour télécharger et héberger vos propres vidéos filmés et réalisés par nous mêmes. Dans ce cas, il suffit :

1. Ouvrir un compte en s'inscrivant gratuitement (ex. youtube : http://fr.youtube.com/signup, Dailymotion : http://www.dailymotion.com/register,  canal éducatif : http://canal-educatif.fr/)
2. Télécharger et soumettre vos vidéos
3. Procéder comme ci-dessus pour lier ou intégrer vos capsules vidéos dans vos pages Web.

Voici le résultat d'une intégration dans notre page Web :

Option 2 - Filmer, traiter, héberger et publier ses vidéos sans passer par des sites dédiés

Il existe plusieurs raisons pour lesquelles l'appropriation et l'intégration des vidéos sont souvent considérées comme réservé aux experts. Parmi ces obstacles et raisons, certains ont été cités précédemment dans ce dossier. Avant d'intégrer, voici ce que nous retenons ainsi que les étapes à franchir pour réussir l'intégration de sa première vidéo:
 

• Étape 1 - Choix du format et du lecteur : notre choix s'est porté sur le format FLV (.flv : flash vidéo). L'utilisation de ce format dont la visualisation en ligne se fait via le plugiciel Adobe (marcomedia) Flash Player se justifie, par le fait que ce dernier plugiciel est de plus en plus installé sur les navigateurs Internet et par d'autres avantages (voir http://fr.wikipedia.org/wiki/Flash_Video). Pour les lecteurs du format flv, Il existe des lecteurs flv que l'on peut héberger dans notre site ou un site quelconque. Ces lecteur permettent de lire le format flv de notre vidéo (voir ci-dessous).

• Étape 2 - Encodage et compression : si notre choix du format est fixé, la question qui se pose est le choix d'outil capable de convertir notre vidéo dans le format choisi et l'encoder et la compresser pour diminuer sa taille. Dans ce qui suit, nous présentons des outils ainsi que des tutoriels qui nous permettent d'effectuer ces opérations :
   

• Étape 3 - Diffusion et publication sur le Web : après l’encodage et la compression, notre vidéo (en .flv) est prête à être insérée et lue (visualisée) sur le web. Le principe est simple, il suffit de disposer d'un lecteur capable de lire sur le Web les fichiers vidéos flv et d'insérer la vidéo dans une page Web du site Web. Le lecteur choisit ici est "JW Media Player" (fichier mediaplayer.swf) développé par Jeroen Wijering. Il est léger (34 Ko) et gratuit pour utilisation non commerciale. Pour la diffusion sur le Web de votre fichier vidéo flv, il suffit de suivre ces petites opérations

1. Télécharger le lecteur (fichier mediaplayer.swf) et placer le dans votre site
2. Copier (télécharger) votre fichier vidéo flv dans par exemple le même répertoire que le lecteur FLV
3. Insérer ce code html dans un endroit de la page Web (code source) où vous souhaitez avoir votre fichier vidéo FLV.

   
   Dans l'exemple de code ci-dessous, notre fichier vidéo FLV est dans le même répertoire que le lecteur mediaplayer.swf. Rien ne vous empêche de les placer dans des répertoires différents, dans ce cas il suffit de spécifier le chemin du lecteur et du fichier mp3 dans le code ci-dessous.

   <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8" width="320" height="240"> <param name=movie value="http://kgueddari.ep.profweb.qc.ca/lecteur/mediaplayer.swf"> <param name=quality value="high"> <param name=allowFullScreen value="true"> <param name="FlashVars" value="file=http://kgueddari.ep.profweb.qc.ca/lecteur/lavage.flv &width=320&height=240&displaywidth=320&displayheight=220"> <embed type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" width="320" height="240" allowfullscreen="true" src="http://kgueddari.ep.profweb.qc.ca/lecteur/mediaplayer.swf" flashvars="file=http://kgueddari.ep.profweb.qc.ca/lecteur/lavage.flv &width=320&height=240&displaywidth=320&displayheight=220"> </embed> </object>

   Exemple du résultat obtenu (lecteur et fichier son hébergés dans le même site):
   
   

Il est important de souligner ici que l'on peut utiliser un lecteur et des fichiers vidéo hébergés dans d'autres sites. Dans ce cas, il faut préciser le chemin complet du lecteur et du fichier vidéo. Aussi, n'oubliez pas de prévoir un contenu alternatif et d’indiquer un endroit où on peut télécharger un plugiciel utile au bon fonctionnement de la vidéo.