DokuWiki ArAr - CDRC-C14

Modifiez cette page et cliquez sur « Enregistrer ». Voyez le guide de mise en page pour une aide à propos du formatage. Veuillez ne modifier cette page que si vous pouvez l'améliorer. Si vous souhaitez faire des tests, faites vos premiers pas dans le bac à sable.

====== 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 : [[https://fr.wikihow.com/enregistrer-une-vidéo-à-partir-de-votre-webcam|enregistrer une vidéo à partir de votre webcam sous Windows]], sous GNU/Linux, il y a [[http://doc.ubuntu-fr.org/cheese|Cheese (léger, simple et efficace)]]\\
Pour les tutoriels, il est recommandé d'utiliser [[https://obsproject.com/fr|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 [[wpfr>Matroska|Matroska (.mkv)]] qu'il est généralement utile de re-travailler dans un logiciel de montage pour supprimer les petites erreurs (eeeeuuuuuhhhhh :-x )

<note important><blockquote>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.<cite>Alexandre D-G - échange liste de diffusion ASR le 16 mai 2020</cite></blockquote>
<blockquote>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.<cite>Christophe H - échange liste de diffusion ASR le 16 mai 2020</cite></blockquote>
Contrairement à ce qu'à écrit Alexandre D-G, un casque entrée de gamme d'une marque correcte: [[https://www.eposaudio.com/en/fr/gaming/products/pc-8-usb-voice-over-ip-headset-504197|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. {{ :informatique:tuto-video:20200602_base-artefacts.ogg |FIXME}}… un exemple vaut mieux qu'…
</note>

==== Quelle taille? ====
Il faut avant tout définir le format/taille de la vidéo: 4/3, 16/9 voir 16/10… cf. [[wpfr>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:
[[https://extensions.libreoffice.org/extensions/export-as-images|plug-in export]]

Pour un tutoriel logiciel, on aura besoin de réaliser le [[wpfr>Vidéographie_(informatique)|"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 ===

[[https://trac.ffmpeg.org/wiki/Scaling|avec ffmpeg]]
<code bash>ffmpeg -i input.mp4 -vf scale=320:240 output.mp4</code>

=== Recadrer une vidéo ===
source((https://video.stackexchange.com/questions/4563/how-can-i-crop-a-video-with-ffmpeg))
<code bash>ffmpeg -i input.mp4 -filter:v "crop=largeur:hauteur:x:y" output.mp4
</code>
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 [[wpfr>Incrustation| 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.

[[https://www.shotcut.org/|Shotcut]] est un logiciel de montage multi-platform, open source.
[[https://www.shotcut.org/howtos/getting-started/Premier%20pas%20avec%20Shotcut.pdf|lien vers tuto 1er pas en français]]

==== Incrustation avec Clé couleur ====
[[https://youtu.be/bpYBj9dByqU|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!

[[https://www.youtube.com/watch?v=D1qOiMqpmCI|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: 
((https://www.w3schools.com/html/html5_video.asp))
<code html>
 <video width="320" height="240" controls>
  <source src="movie.mp4" type="video/mp4">
  <source src="movie.ogg" type="video/ogg">
</video> 
</code> 
[[https://groupes.renater.fr/wiki/constellation/public/utiliser_mon_serveur_ou_mon_dispositif_de_diffusion_video_pour_relayer_un_flux_existant]]… FIXME[[wpfr>RTMP]] 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: [[https://joinpeertube.org/fr_FR/|peertube]]**, exemple de l'académie de Lyon: [[https://tube.ac-lyon.fr/]]
===== Quelques liens =====

* [[wpfr>Lexique_des_effets_spéciaux]]
  * Logiciel (open source) d'enregistrement et manipulation vidéo:

* [[https://obsproject.com/fr]]
        * [[https://doc.ubuntu-fr.org/ffmpeg|ffmpeg, le couteaux suisse de la vidéo]]

* Logiciel de montage vidéo (open source):

* [[https://www.shotcut.org/download/]]
 
  * Astuces sur l'enregistrement de la voix:

* [[https://www.projethomestudio.fr/astuces-enregistrement-voix/]]

* Codes sources :

* [[ https://github.com/Chocobozzz/PeerTube
]]

Résumé

Note : En modifiant cette page, vous acceptez que le contenu soit placé sous les termes de la licence suivante : CC Attribution-Noncommercial-Share Alike 4.0 International

DokuWiki ArAr - CDRC-C14

Outils pour utilisateurs

Outils du site

Outils de la page