Comment créer des copies d’écran animées (screencast) légères et gratuites pour le web

faire un screencast sans passer par des outils payants n’est pas un mince affaire. L’idée est d’obtenir un format flv de taille et de qualité raisonnable en sortie afin de pouvoir l’intégrer à son sitye via un player du genre jwpalyer.

Si le studio pouvait être mobile (i.e. les applications utilisées portables), ce serait un plus indéniable en ce qui me concerne!

Il y a longtemps que je connais Camstudio, qui fonctionne très bien, qui est portable (il suffit de copier le répertoire d’installation à partir de «  »Program Files »), mais qui a tendance à produire des fichiers volumineux.

le codec qui va bien

Ce que j’ai découvert en revanche c’est le Camstudio Lossless Codec qui optimise grandement la taille des vidéos.

Une fois que vous aurez téléchargé et décompressez l’archive, il vous suffira d’un clic droit sur le fichier camcodec.inf, (séléctionnez « installer ») pour installer le codec sur votre système … D’un point de vue de la portabilité, cette opération est à reproduire sur chaque système avec lequel vous ferez des screencats

Il faut ensuite sélectionner ce codec dans CamStudio Recorder « options » -> « video Options » -> sélectionner « CamStudio LossLess Codec v1.4″ dans la liste « Compressor ».

La prise de son

J’ai longtemps (et bêtement) fait les commentaires de mes screencasts en live, c’est à dire même temps que je réalisais les actions à enregistrer, ce qui demande une certaine logisitique (texte préparé sur un document word, sur un deuxième ou troisème écran) et un certain respect du timing, qui rend l’exercice assez fastidieux …

Bref que ce soit avec un simple MiniRec ou avec Audacity portable, il est bien plus pratique de différer la prise de son et de la monter ensuite

Le montage

VirtualDub est léger, portable, et très intuitif. Son seul défaut est en vérité d’utiliser par défaut des codecs pas optimisés pour deux sous. Donc une fois que vous avez monter votre screencast, pensez à sélectionner « Videos » -> « Direct stream copy » avant de « save AS AVI », sans quoi vous vous retrouveriez avec un fichier AVI énorme

La dernière opération consiste en la conversion en flv de l’animation  FFmpeg [Lien direct vers le bianire windows] qui se fait via la ligne de commande suivante

ffmpeg -i input.avi -vcodec flashsv output.flv

ou en ajoutant la piste audio au format wav indépendamment

ffmpeg -i input.avi -i input.wav -ar 22050 -vcodec flashsv output.flv

Cela sous entend bien sûr que ffmpeg soit accessible via la ligne de commande, que le fichier video soit nommé input.avi et le fichier son input.wav icon wink Comment créer des copies d’écran animées (screencast) légères et gratuites pour le web

source : http://blog.creonfx.com/flash/howto-create-lossless-flash-screen-captures-screencasts-for-free

Posted by: mazenovi on 1 septembre 2010 @ 12 h 30 min
Filed under: blog,bricolage,libre,portable apps

4 commentaires »

  1. Bonjour,
    J’aimerais faire une capture vidéo d’une page animée d’un site, avec le son que la page émet. Suis-je contraint pour cela de mettre un micro devant mes enceintes de PC ou existe-t-il une solution, avec un logiciel tel que Camstudio (ça peut être un autre) ?

    Commentaire by Erwan — 19 novembre 2010 @ 21 h 02 min

  2. Il y a une option « Record aduio from speakers » dans Camstudio, qui me parait effectivement plus propre que la solution micro devant les enceintes ;)

    Commentaire by mazenovi — 22 novembre 2010 @ 9 h 28 min

  3. [...] Vous trouverez d’autres ressources sur la création de screencasts comme par exemple : – Utiliser Camtasia sur Generation Clic. – Comment réaliser un screencast sur le blog de Vincent Mazenod [...]

    Ping by La recette du bon tutorial en screencast : Tools in Web — 28 novembre 2010 @ 10 h 27 min

  4. [...] Les screencasts ont été réalisés avec des logiciels libres et le montage avec virutalDub (libre lui aussi). Ils sont hébergés sur mon serveur donc soyez patients ou téléchargez directement les flv 1 et 2 pour les regarder offline. [...]

    Ping by Linux Live USB (portable) virtualisé sans limitation de persistance avec partition casper | Vincent Mazenod, aka mazenovi, aka voisin de gennetines — 13 avril 2011 @ 8 h 40 min

Flux RSS des commentaires de cet article. TrackBack URL

Laisser un commentaire