Outils pour utilisateurs

Outils du site


informatique:tuto_presentation_video

Comment créer un tutoriel ou cours ou présentation vidéo

Cette page est à retrouver sur : http://devlog.cnrs.fr/enregistrement-de-votre-présentation

Que ce soit pour créer un tutoriel, un cours ou un exposé vidéo, plusieurs étapes doivent être réalisées pour arriver à un résultat intéressant.

Scénario

Pour éviter les “euh” et autre blanc, il faut écrire un scénario.
Définir la durée!
Présenter son plan sauf si la vidéo sera très courte.

Créer la "matière brute"

Le scénario écrit, il faut passer au tournage : enregistrer une vidéo à partir de votre webcam sous Windows, sous GNU/Linux, il y a Cheese (léger, simple et efficace)
Pour les tutoriels, il est recommandé d'utiliser OBS Studio qui permet de capturer les différents logiciels qui s'exécutent sur votre PC, de redimensionner la zone de capture, de même que la capture de votre micro.
À la fin, on obtient un fichier vidéo au format libre Matroska (.mkv) qu'il est généralement utile de re-travailler dans un logiciel de montage pour supprimer les petites erreurs (eeeeuuuuuhhhhh :-x )

Un point très important pour la compréhension est la qualité de la prise de son. Il est quasiment indispensable de s'équiper d'un micro (comme Blue Spark ou Yeti, Bird UM1 ou même un BM-800) et de s'enregistrer dans une pièce qui limitera l’écho.Alexandre D-G - échange liste de diffusion ASR le 16 mai 2020

Il ne faut pas négliger qu'Audacity offre du traitement de signal qui peut dérouter ! J'utilise de base, la réduction de bruit puis la normalisation à toute fin utile.Christophe H - échange liste de diffusion ASR le 16 mai 2020

Contrairement à ce qu'à écrit Alexandre D-G, un casque entrée de gamme d'une marque correcte: exemple: Sennheiser PC8 USB à 35€ (prix juin 2020), voir le micro d'un bon portable, peut souvent suffire… mais il est important dans ce cas (dans tous les cas) de faire le silence autour. … un exemple vaut mieux qu'…

Quelle taille?

Il faut avant tout définir le format/taille de la vidéo: 4/3, 16/9 voir 16/10… cf. Format_d'affichage_vidéo

  • En 4/3: PAL768×576
  • En 16/9: WVGA:864×480 ou HD720:1280×720 ou HD1080:1920×1080 …

Le format 4/3 est plus facile à intégrer dans une page web qui aurait un menu vertical. Le format 16/9, outre qu'il est devenu le standard, permet plus facilement d'intégrer une présentation souvent au format 4/3 et d'y ajouter à côté une vidéo recadrée du présentateur.

Convertir sa présentation en images

Avec LibreOffice, on peut facilement ajouter le plug-in qui permet d'exporter chaque page comme une image: plug-in export

Pour un tutoriel logiciel, on aura besoin de réaliser le "screencast"

Superposition

On peut simplement ajouter par dessus l'image principale (les pages de sa présentation), l'image du narrateur. On peut aussi l'inclure à la vidéo principale en supprimant le fond sans intérêts derrière le narrateur, cela fait appel à la technique de la “clé couleur” ou “chroma key”.

Redimensionner une vidéo

avec ffmpeg

ffmpeg -i input.mp4 -vf scale=320:240 output.mp4

Recadrer une vidéo

source1)

ffmpeg -i input.mp4 -filter:v "crop=largeur:hauteur:x:y" output.mp4

avec:

  • largeur: largeur de la nouvelle vidéo
  • hauteur: hauteur de la nouvelle vidéo
  • x et y les offsets du rectangle de recadrage

Incrustation

Pour réaliser une incrustation, il faut définir un fond qui va correspondre à notre clé couleur, c'est à dire à une couleur qu'on ne retrouve pas dans le reste de la vidéo, donc exit tous les tons proche de la couleur de peau et des vêtements (ça c'est plus facile à changer). Ainsi les clé couleur les plus utilisées sont le vert “flashi” ou bleu

Réaliser le montage

À partir des éléments de l'étape précédentes: séquence vidéo, images, sons, il faut maintenant procéder au montage pour arriver à la vidéo finale.

Shotcut est un logiciel de montage multi-platform, open source. lien vers tuto 1er pas en français

Incrustation avec Clé couleur

Tuto sur la chroma key (clé couleur)
Dans la version française, le filtre se nomme Masquage colorimétrique. Attention à cliquer sur l’icône représentant un écran (Afficher les filtres vidéo) pour accéder à tous les filtres, par défaut, seuls les filtres préférés (icône étoile) sont affichés!

tuto sur l'overlay HTML avec un SVG animé

Diffuser sa vidéo

La solution de facilité est d'utiliser la plateforme majeur devenue incontournable qu'est youtube qui ne devrait pas être utilisée pour des usages institutionnels.

Rappelons qu'avec l’avènement d'HTML5, diffuser une vidéo est très simple au niveau du code: 2)

 <video width="320" height="240" controls>
  <source src="movie.mp4" type="video/mp4">
  <source src="movie.ogg" type="video/ogg">
</video> 

https://groupes.renater.fr/wiki/constellation/public/utiliser_mon_serveur_ou_mon_dispositif_de_diffusion_video_pour_relayer_un_flux_existantFIXMERTMP est-il open-source?

Un point important est évidemment que les fichiers vidéo peuvent être volumineux

Une alternative élégante, car libre et décentralisée: peertube, exemple de l'académie de Lyon: https://tube.ac-lyon.fr/

Quelques liens

  • Logiciel de montage vidéo (open source):
  • Astuces sur l'enregistrement de la voix:
  • Codes sources :
informatique/tuto_presentation_video.txt · Dernière modification : 2020/06/22 12:13 de bertrand