> Ressources > Côté réseau ENR

Publier un son ou une vidéo sur son site

vendredi 30 mars 2012, par Matice Vire.

Comment mettre une vidéo sur son site internet d’école ?

Il est aujourd’hui assez facile d’enregistrer de courtes séquences vidéos à l’aide d’un appareil photo numérique ou d’un smartphone. Mais une fois cette vidéo récupérée, comment la diffuser ?

1. Récupérer la vidéo

Il suffit dans la plupart des cas de brancher votre appareil à l’ordinateur pour le voir apparaître dans le Poste de travail (ou Ordinateur) ou vous voir proposer d’ouvrir une fenêtre avec son contenu.

Récupérer le fichier de la vidéo et vérifier en la visionnant qu’il s’agit bien de la vidéo voulue. (VLC est un lecteur multimédia qui lit beaucoup de formats de vidéos différents).

2. Convertir la vidéo

Pour intégrer une vidéo dans un site internet (ou dans un document Didapages) elle doit être lisible dans un format particulier : le FLV (Flash Vidéo).

- Utiliser un convertisseur comme WinFF (ou Free FLV Converter)
- Après installation, ajouter votre vidéo avec « + » et choisissez les options suivantes :

  • Convertir en : Websites
  • Préreglage : Flash Video (flv) for Web use FullScreen
  • Dossier de sortie : indiquer avec « [...] », l’endroit où seront enregistrés les fichiers convertis.
    - Cliquer enfin sur Convertir pour voir apparaître une fenêtre sur fond noir (c’est normal) et patientez jusqu’à l’affichage du dernier message :
    Appuyez sur une touche pour continuer...

Faire ce qui est demandé et vérifier que le nouveau fichier converti (avec le même nom, mais en .flv) est bien lisible par VLC.
Attention, il se peut que la conversion se soit mal passée et que le fichier soit vide. Dans ce cas, il faut tenter de le faire avec d’autres outils.

3. Intégrer la vidéo dans le site

- Se connecter sur le site et ajouter le document comme une image. Vous pouvez lui donner un titre et un descriptif (pointe noire à déplier).

- Insérer le document dans l’article en copiant/collant le code du document :

<doc116|center>

Attention  : pour que la vidéo soit lisible avec un lecteur intégré en ligne, il faut modifier ce code et ajouter une option : « |player » (AltGr + 6 et le mot « player » après le nom du document).

Ce qui donnerait ici :

<doc116|player|center>

Et le résultat est :

Le rouge et le vert
Vidéo en stop-motion, image par image

Attention, sur certains sites, la vidéo n’est lisible avec le lecteur intégré que lorsque l’article est publié.

4. Admirer son travail

- Publier son article et visitez le site pour admirer votre travail avec satisfaction !

5. Et pour les fichiers audio, c’est pareil ?

C’est exactement la même chose.Il suffit de convertir les fichiers (audio ou vidéo) avec WinFF en choisissant Audio et MP3, pour le convertir au format compatible. Puis il faut l’intégrer comme la vidéo l’option « |player ».

Ci dessous l’extraction de la piste sonore de la vidéo ci-dessus.

Le rouge et le vert
piste sonore