Vidéographie (cours BASES)

Bases psychopédagogiques des technologies éducatives
Module: Bases psychopédagogiques des technologies éducatives/Préparation
▲
◀▬
⚐ brouillon	☸ débutant
⚒ 2019/02/27

Introduction

Pour le cours BASES il faut

• d'abord créer une carte une conceptuelle
• ensuite produire un screencast (vidéographie) qui documente la carte conceptuelle
• Vous pouvez ajouter d'autres éléments au fichier vidéo, par exemple une introduction et/ou un fin qui vous met en scène, ou encore inclure des petites vignettes qui montrent des "gens en action". Autrement dit, il va peut-être falloir apprendre à faire un peu de montage.

Vidéographie

Introduction

Une vidéographie ou capture vidéo de l'écran également appelée en anglais screencast (de screen, écran, et de cast, projection) est un enregistrement vidéo d'un écran d'ordinateur accompagné la plupart du temps d'une narration audio.
Les vidéographies sont très utiles pour des démonstrations de logiciels ou comme outil d'apprentissage.Wikipedia (oct. 2013).

Exemples produits dans le cadre d'un cours:

• Catégorie:Productions finales bases1617

Il existe aussi des vidéographies qui contiennent des animations expliquant un principe, c.f. par exemple ces vidéos réalisées par l'AFP.

Autres outils:

• Téléprompteur en ligne (gratuit).

Logiciels

Il existe de nombreux outils de screencasting. On peut en distinguer plusieurs sortes:

• Outils dédiés au screenscasting comme CamStudio
• Outils d'annotation qui permettent également un enregistrement de gestes et/ou d'audio
• Outils de type rapid e-learning comme Adobe Captivate
• Outils en ligne de commande comme FFmpeg ou LibAV

Voir la liste des logiciels en bas de la page.

Screencast-o-matic

• Screencast-O-Matic
• Voir https://screencast-o-matic.com/home

C'est un outil de production de vidéographies.

• Gestion écran et webcam en simultané,
• Simplicité d'utilisation,
• Possibilité de faire des pause
• Gestion séparée des éléments de l'infographie (par ex. le son),
• Version gratuite est limitée à des vidéos de 15 minutes,
• Version commerciale, à 18$/année, meilleur rapport qualité/prix.

CamStudio

• CamStudio

Outil gratuit pour Windows, qui permet d’enregistrer des activités d'écran + l'audio.

• Sortie: AVI (Windows), MP4 et SWF.
• Ce logiciel est populaire
• Voir la page CamStudio pour plus de détails.

Test : plante très souvent sur mon portable (carte nvidia quadro) - Daniel K. Schneider (discussion) 31 octobre 2013 à 19:15 (CET)

Jing

• Jing

Outil gratuit pour Win/Mac qui permet d’enregistrer les activités d'écran + audio d'une zone sélectionnée. On peut aussi capturer et annoter des images.

• Sortie: Flash (SWF)
• Nécessite un compte avec Jink (gratuit), mais on peut enregistrer une vidéo localement.
• Ne permet pas d'enregistrer la webcam

Pour plus d'informations, voir le tutoriel des fonctions de bases de Jing.

Note : selon le site internet Jing, le format SWF ne sera plus supporté par les navigateurs internet. Le logiciel est donc indisponible et remplacé par Snagit. La société travaille actuellement sur un remplacement gratuit de Jing pour début 2019.

Snagit

• Snagit

Outil payant avec une version d'essai pour Win/Mac (1 license vaut pour deux installations du logiciel). Snagit permet de capturer l'écran ou d'enregistrer des vidéos des activités à l'écran. Il permet la capture de l'ensemble de l'écran ou d'une partie. Il permet d'annoter les captures et les vidéos.

• Il permet de partager le résultat de la capture dans divers logiciel (par exemple, Microsoft Word, Excel, Powerpoint) ou sur divers plateformes de diffusion (Youtube, Screencast, Dropbox...).
• Permet d'enregistrer la webcam, l'audio.
• Permet une édition des enregistrements
• Permet l'enregistrement des smartphone sous iOS

Pour plus d'informations, voir les tutoriels de Snagit proposé par l'éditeur.

OpenBroadcaster Software (OBS)

• OBSProject

Outil gratuit pour Windows. Très flexible. Peut créer un stream de plusieurs sources.

• Il est absolument nécessaire de lire le manuel (inclus dans le forum), sinon on n'y arrive pas !
• Voir la page OBSProject pour plus de détails.

RecordMyDesktop

Outil de capture d'activités écran pour Linux. Permet de sélectionner une fenêtre et enregistre les gestes et l'audio. Ce programme fait partie des dépôt de la logithèque. Il existe deux versions: une version incluant l'interface graphique (gtk-recordmydesktop) et une autre sans interface graphique (recodrmydesktop). Ce programme produit des vidéos au format *.ogv.

Pour l'installation en ligne de commande sur Ubuntu:

• Pour la version avec l'interface graphique:

	apt-get install gtk-recordmydesktop

• Pour la version sans interface graphique:

	apt-get install recordmydesktop

Selon la version que vous avez installée, vous lancerez le programme soit en ligne de commande, soit par l'interface graphique.

Pour la version avec l'interface graphique:

L'application se trouve (pour ubuntu) dans applications --> son et vidéo --> gtk-recordMyDesktop. Il suffit de l'ouvrir, de sélectionner la taille de l'enregistrement sur l'icone de la fenêtre et d'appuyer sur "enregistrer" pour que la vidéo commence à enregistrer.

Pour la version sans interface graphique:

Il faut lancer l'application via le terminal :

recordmydesktop

Pour capturer une fenêtre, il faut connaitre son ID:

xwininfo

puis cliquer sur la fenêtre à capturer:

Window id: 0x1e0008d "Google - Mozilla Firefox"

Pour démarrer la capture, taper:

recordmydesktop --windowid 0x1e0008d

Il faudra bien évidement remplacer 0x1e0008d par le ID de votre fenêtre.

Puis, si vous appuyez sur "Enter", l'enregistrement va démarrer. Pour arrêter l'enregistrement et générer la vidéo, appuyer sur: CTRL+Alt Gauche+S

pour stopper la génération de la vidéo en cours: CTRL+C

Test:

marche bien, mais l'encodage est très lent. Mais, pour avoir un encodage plus rapide, avant de lancer l'enregistrement, il suffit d'aller dans les option avancées --> performances --> encoder à la volée. En cochant cette case, l'encodage sera nettement plus rapide.

Pour plus d'information sur l'utilisation de RercordMyDesktop, regardez cette vidéo

Ink2Go

• Ink2Go. Soft pour annoter l'écran et qui enregistre l'audio
• Prix: $19, 15 jours gratuit
• Disponible pour Windows et Mac
• Ce type de logiciel est facile à utiliser et possède l'avantage d'intégrer des outils de dessin

Test:

• Marche très bien, facile à utiliser

Pour plus de détail, voir la page Ink2Go.

Screencastify

• Extension pour le navigateur Chrome
• Gratuit

• Home page

BB FlashBack Express

• BB FlashBack Express

Enregistre activités écran, son et webcam pour Windows

• Gratuit. Il existe des versions payantes
• Output: AVI ou Flash

Test:

• Marche bien
• pub un peu ennuyeuse lors du lancement.

Pour plus d'information, voir le tutoriel de BB Flashback.

QuickTime X

QuickTime X

• Gratuit sur les Macs
• Permet l'enregistrement vidéo de l'écran et la capture audio.
• Crée des vidéos au format .mov

Dans QuickTime Player sur Mac OS X, aller dans Fichiers/Nouvel enregistrement de l'écran.

ScreenFlick

ScreenFlick est un outil Mac OS X, développé par Araelium. Payant : 29$

AviScreen Classic

• AviScreen Classic (via softonic!) - pas testé !

Outil Windows pour capturer l'activité écran. Possibilité de suivre le curseur avec une petite fenêtre.

Screenr

• Outil web-based, il faut s'enregistrer. Possibilité de publier sur un des réseaux sociaux populaires.
• Nécessite Java et il faut lui accorder des permissions

Une version Pro existe pour Mac et Windows.

Wink

C’est un outil de capture d’écran en vidéo (screencast), qui permet d’intégrer aussi l’audio en même temps que la capture.

La capture est sous forme de succession de captures d’écrans où on peut mettre des pauses. L’outil permet d’ajouter des boutons de navigation, des commentaires, etc. Cela permet de créer des présentations/tutoriels interactifs (exemple)(lien cassé, mettre un autre exemple)

Le logiciel est un graticiel (freeware) et vous pouvez le télécharger à l’adresse suivante : www.debugmode.com/wink

Active Presenter

• Active Presenter
• Application gratuite fonctionnant sur Windows
• Permet d'enregistrer facilement l'écran et le son
• Permet d'éditer la vidéo directement dans le programme
• Possibilité d'ajouter des commentaires audios, des annotations, des vidéos et graphiques
• Dédié à l'e-learning avec la possibilité de créer des scénarios à plusieurs branches, ou des quiz
• Possibilité d'exporter pour plusieurs plateformes (web, desktop ou mobile) en plusieurs formats (AVI, WMV, MPEG4, WebM, Flash vidéo)

Voir page wiki sur le logiciel : Active Presenter

Explain Everything

• Explain Everything
• Coût : 2.99 $ ou 3.99 € (au 12/01/16)
• Application pour tablettes iOs ou Android
• outil de tableau blanc interactif et de vidéographie
• permet d'enregistrer l'écran et le son
• possibilité d'inclure des vidéos dans la vidéo
• possibilité d'annoter des documents .pdf, des images ou même des vidéos
• permet de créer des slides à partir des images inclues dans la tablette, d'outils de dessins, ou d'import via Dropbox par exemple
• possibilité de faire le montage directement sur la tablette, de réenregistrer seulement certains segments de la vidéo
• possibilité d'exporter pour plusieurs plateformes et en plusieurs formats
• très simple d'utilisation
• and so much more...

FastStone Capture

FastStone Capture

• Outil pour Windows
• Les captures d’écrans, les vidéos et l'audio
• L'interface graphique est simple, intuitive et conviviale.
• Shareware, 30 jours la version d'essai gratuit. Le prix est de 19.95 €
• permet d'enregistrer toutes les activités sur l'écran. (les fenêtres, les images, menus, l'écran, les pages web, etc).
• permet d'enregistrer le son, les clics de la souris etc.
• permet d'envoyer les captures par e-mail, ajouter de commentaires, imprimer
• permet d'ajouter des effets lors des captures
• permet de modifier des images
• sauvegarde les images en formats BMP, GIF, JPEG, PCX, PNG, TGA, TIFF et PDF
• sauvegarde les vidéos en format WMV, (Windows Media Video)

ScreenFlow

ScreenFlow

• Pour Mac
• Permet d'enregistrer l'écran et le son (micro de l'ordinateur et micro d'un iphone/ipad pour une meilleure qualité)
• Permet d'éditer des vidéos
• Interface facile à utiliser
• Ajout de sous-tires au format SRT
• Exportation au format mp4 ou directement vers les réseaux sociaux
• Outil assez cher ($99) mais de qualité professionnelle

Camtasia

• Camtasia Page d'accueil du logiciel
• L'article Camtasia, dans ce wiki détaille la procédure pour une prise en main des fonctionnalités de base.
• Camtasia est un logiciel de production vidéo de qualité professionnelle de Techsmith.
• Très bon enregistreur d'écran
• Il est entièrement gratuit pendant 30 jours.
• Il coûte 205,55 Euros par utilisateur
• Disponible sur Mac et PC
• Il permet de créer des vidéos interactives ainsi que des quiz

Screenpresso

• Screenpresso
• Capture d'écran et vidéo (mais pas de video-editing)
• Capture d'écran de dispositifs Apple ou Android connectés à l'ordinateur
• Disponible pour Windows et Mac
• Version gratuite (durée illimitée mais fonctionnalités limitées) ou payante (fonctionnalités illimitées)
• Ajout du logo en bas à droite de la vidéo capturée dans la version gratuite

Système d'exploitation Apple macOS Mojave et suivants

Depuis la version système de MacOS Mojave, vous pouvez procéder à un enregistrement de l’écran de votre ordinateur Apple en appuyant sur les touches Maj + Commande (⌘) + 5 de votre clavier. Cela va afficher toutes les commandes dont vous avez besoin pour enregistrer une vidéo et effectuer des captures d’images fixes de votre écran.

À l’aide des commandes à l’écran, vous allez pouvoir décider si vous souhaitez enregistrer l’intégralité de l’écran ou une partie spécifique de celui-ci, ou encore effectuer une capture d’une image fixe de votre écran.

Enregistrement de l’intégralité de l’écran

1. Cliquez sur le bouton du milieu dans les commandes à l’écran. Le pointeur de votre souris prend la forme d’un appareil photo.
2. Cliquez sur un écran pour démarrer l’enregistrement de l’écran en question ou cliquez sur Enregistrer dans les commandes à l’écran.
3. Pour interrompre un enregistrement, cliquez sur le bouton Stop dans la barre des menus. Vous pouvez également appuyer sur les touches Commande + Contrôle + Échap (Esc).
4. Élaguez, partagez, enregistrez ou réalisez d’autres actions en utilisant la vignette alors obtenue.

Enregistrement d’une partie spécifique de l’écran

1. Cliquez sur le bouton à gauche de Options ∨ dans les commandes à l’écran.
2. Faites glisser le pointeur afin de sélectionner une zone de l’écran à enregistrer. Pour déplacer l’intégralité de la sélection, faites glisser le pointeur depuis la sélection.
3. Pour démarrer un enregistrement, cliquez sur Enregistrer dans les commandes à l’écran.
4. Pour interrompre un enregistrement, cliquez sur le bouton Stop dans la barre des menus. Vous pouvez également appuyer sur les touches Commande + Contrôle + Échap (Esc).
5. Élaguez, partagez, enregistrez ou réalisez d’autres actions en utilisant la vignette alors obtenue.

Liens

Liste de logiciels et comparaisons

• Liste de logiciels de screencasting (Wikipedia/fr)
• Comparison of screencasting software (Wikipedia/en, plus utile)
• Screencasting Tools (liste sur un wiki spécialisé)
• 12 Screencasting Tools For Creating Video Tutorials
• Four Top Open Source Screencast Applications, par Dmitry Kaglik, Feb 29, 2012
• Vidéographies réalisées par l'AFP.
• Five Best Screencasting or Screen Recording Tools, par Alan Henry, le 9 Novembre 2011, sur LifeHacker

Tutoriels en Anglais

• The ScreenCasting Handbook (e-book gratuit), voir aussi la page d'accueil

Production de fichiers vidéo pour le web

Cet article est incomplet.

Il est jugé trop incomplet dans son développement ou dans l'expression des concepts et des idées. Son contenu est donc à considérer avec précaution.

Introduction

Cet article vise à produire un petit tutoriel qui explique comment produire de simples fichiers vidéos pour le web.

• Enregistrement
• Formats / conversion / réduction de la taille
• Simple édition

Voir aussi:

• Montage et conversion video (contient des listes de logiciels)

Enregistrement

L'enregistrement d'une vidéo peut se faire par plusieurs biais:

• Vidéographies: enregistrement des manipulations visibles à l'écran (incluant éventuellement des annotations supplémentaire et des commentaires audio)
• Webcam: produire des introductions, commentaires, conclusions (la plupart des webcams sont fournies avec des logiciels permettant de les utiliser)
• Caméra: filmer des séquences diverses

Formats et codecs

Les conteneurs (formats)

Il existe quatre formats populaires:

• WebM
• OGG
• MP4
• Flash

On conseille fortement d'adopter un de ces formats.

Un format est un conteneur qui comprend plusieurs éléments (fichiers) :

• une piste vidéo
• une piste audio
• du texte
• autres éléments

Il faut éviter de faire la confusion entre le conteneur et son contenu qui lui est de type vidéo et/ou audio et qui est géré par un codec.

WebM (HTML5), spécialement conçu pour le web

Le WebM (voir cette présentation sur le WebM) est un format multimédia ouvert. Il est principalement destiné à être utilisé sur internet, mais il peut aussi être utilisé en version locale. Il utilise un flux vidéo encodé en VP8 et un ou plusieurs flux audios encodés en Vorbis. Il peut contenir des sous-titres. Seuls les codes vidéo et audio cités précédemment sont supportés afin de garantir le support du format sur les navigateurs et les lecteurs.

Il est supporté par entre autres :

• Google Chrome dès la version 6
• Mozilla Firefox dès la version 4
• Opera depuis sa version 10.60
• Les utilisateurs d’internet explorer (version 9 et postérieur) doivent installer une application pour les lire.

Il existe plusieurs possibilités pour encoder un fichier vidéo en WebM:

• Miro Video Converter. Il s'agit d'un logiciel freeware très simple. Disponible pour Mac et Windows.
• FireFogg est une extension pour firefox qui permet d'encoder des vidéos au format WebM directement depuis le navigateur.
• Avec l'extension WebM QuickTime pour QuickTime Pro.

En savoir plus sur le WebM

• Site du projet WebM
• Spécifications du format

OGG (HTML5)

Ogg est un format de fichier conteneur ouvert. Plusieurs extensions sont possibles pour le ficher de types ogg : .ogg, .ogv, .oga.ogx. L’extension habituelle du format OGG est .ogg.

Le conteneur OGG peut contenir des pistes audio (en général Vorbis), vidéo (en général Theora) et texte (sous-titres). Il permet d’ avoir plusieurs pistes de chaque type pour proposer des médias multilingues par exemple.

Il utilise le format de compression audio Vorbis et les codecs associés et le format de compression vidéo Theora dont le codec est basé sur celui de VP3. Il offre un format de compression audio spécialisé dans la compression de la voix, Speex.

Il est supporté entre autres par certains navigateurs web qui peuvent lire nativement les composants multimédia Ogg Vorbis et Theora :

• Mozilla Firefox (à partir de la version 3.54,5)
• Google Chrome6
• Safari (à partir de la version 4 avec le plugin de Xiph.org)
• Opera (à partir de la version 10.57)

MP4 (HTML5),

Il fait partie du standard MPEG-4, beaucoup d'appareils enregistrent en MP4. Il s'agit d'un format standard de compression vidéo spécialement conçu pour la diffusion en ligne.

Après compression, les fichiers MP4 peuvent être jusqu’à 10x plus petits que le format original.

La qualité se définit par le taux en kilobits par seconde. Plus le taux est élevé, plus la qualité est bonne mais plus le fichier est gros et plus il peut prendre du temps pour être visualisé. Il faut donc faire un compromis pour les diffusions sur internet afin que le taux corresponde plus ou moins à la vitesse de connexion que les utilisateurs moyens ont à disposition.

Il est supporté par :

• Internet Explorer 9.0
• Google Chrome (de 4.0 à 16.0)
• Firefox (à partir de 49)
• Apple Safari 5.0

Flash

Flash est le format de fichier conteneur utilisé sur Internet pour diffuser des vidéos avec le lecteur Adobe Flash Player. Les vidéo flash sont abrégées sous le sigle FLV.

Ce format est a été utilisé pour les sites de partage de vidéo sur Internet. Il a l'avantage de proposer un faible encombrement, mais il est dépendant de la bande passante à disposition de l’utilisateur. Son utilisation diminue et il est maintenant déconseillé.

Le codec vidéo peut être :

• une variante du H.264
• le codec VP6 de la société On2 (société appartenant à Google)
• une suite de captures écran.

L'audio est soit non compressé (PCM, ADPCM), soit compressé en MP3.

Les codecs

La vidéo et l'audio peuvent être encodés différemment à l'intérieur d'un seul type de conteneur. Choisissez le défaut ...

Les transcodeurs

Permettent de traduire d'un format à un autre (en spécifiant parfois les codecs). Un transcodeur permet aussi de diminuer la taille ou la qualité (images par secondes), etc.

Simple édition

Les opérations suivantes en font partie:

• Couper au début et à la fin.
• Rogner (couper à gauche, droit, en haut et en bas).
• Assembler des vidéos.

Nous conseillons aux débutants d'utiliser les logiciels suivants:

• OpenShot (https://www.openshot.org/fr/download/ download), logiciel gratuit, open-source et multi-plateforme (Windows, Mac et Linux).
• iMovie (download, ce produit est payant $15 ou se trouve déjà sur votre Mac): il y a plusieurs tutoriels sur le web, parmi eux voilà un exemple très clair.

Assembler des vidéos

Il faut d'abord transcoder dans un format que le logiciel comprend:

• OpenShot est basé sur la bibliothèque FFmpeg] et peut supporter tous les formats pris en charge par la bibliothèque.
• IMovie accepte .DV, .MOV, .MPEG4, .M4V, H.264 et .AIC.

Attention: MP4 possède beaucoup de variantes/Codecs, par exemple H.264 est un standard bien utilisé.

Avec OpenShot

• Voir directement la page OpenShot.

Avec Mac IMovie

1. Importer vos vidéos (ils sont affichés dans la fenêtre du bas).
2. Nouveau projet.
3. Glisser des vidéos (ou des parties de vidéos) dans le projet.
4. Enregistrer.
5. Ajouter une bande audio (enregistrée avec iMovie ou avec d'autres logiciels) ou de la musique à une vidéo.

Le logiciel iMovie est installé de base sur la plupart des Macs récents. Vous pouvez le trouver dans le dossier « Applications ». Néanmoins, la dernière version d’iMovie (celle présentée lors de l’atelier, la version 10.0) nécessite le dernier système d’exploitation Mac OS X 10.9 Mavericks (la mise à jour est gratuite).

Pour les 2 logiciels il existe plein de tutoriels vidéo sur YouTube.

Diminuer la taille des vidéos

Il y a une limite à la taille des vidéos que l'on peut envoyer sur le wiki : 40Mo, ce qui n'est pas énorme.

Pour comprimer les vidéos, on peut utiliser un éditeur vidéo comme openshot. Sinon, il existe plusieurs logiciels (voir par exemple la petite liste dans iskysoft)

• Free Video Compressor pour Windows fonctionne très bien et permet de spécifier la taille du fichier de sortie via l'option "Desired Video Size". L'idéal également est de redimensionner la vidéo (option "Scaling") pour une taille d'environ 1200 px (cela a une meilleure intégration dans les pages du wiki). Lien de téléchargement : http://www.freevideocompressor.com/
• HandBrake est un logiciel open source qui fonctionne sous Windows et Mac. Il permet notamment de convertir et redimensionner des vidéos. Lien de téléchargement : https://handbrake.fr/downloads.php

Découper une vidéo

Avec ffmpeg en ligne de commande

ffmpeg est un outil de développement multimedia pour développeurs, mais peut aussi être utilisé en ligne de commande. «FFmpeg is the leading multimedia framework, able to decode, encode, transcode, mux, demux, stream, filter and play pretty much anything that humans and machines have created. »

Téléchargement: https://ffmpeg.org/download.html

La commande suivante découpe le fichier input.mp4 and segments de 30 minutes et crée une série de fichiers output 1, 2, 3 etc.

ffmpeg -i input.mp4 -c copy -map 0 -segment_time 00:20:00 -f segment output%03d.mp4

Liens

Logiciels

• Category:Video editing software (Wikipedia)
• Comparison_of_video_editing_software (Wikipedia)
• Comparison of video converters

Survols

• Site webmproject
• Les catégories de formats vidéo par Nadysil, 2012.

Créer une nouvelle sous-page production vidéographie

Ajouter une nouvelle production (MAX par promotion = 2)

Sous-pages qui existent déjà et (y compris des productions): aucune}