<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Vincent Mazenod, aka mazenovi, aka voisin de gennetines &#187; flash</title>
	<atom:link href="http://blog.mazenod.fr/tag/flash/feed/" rel="self" type="application/rss+xml" />
	<link>http://blog.mazenod.fr</link>
	<description>#ispcp #php #symfony #social_networking #cornemuse</description>
	<lastBuildDate>Wed, 23 Nov 2011 09:46:05 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3</generator>
		<item>
		<title>Comment créer des copies d’écran animées (screencast) légères et gratuites pour le web</title>
		<link>http://blog.mazenod.fr/2010/09/comment-creer-des-copies-decran-animees-screencast-legeres-et-gratuites-pour-le-web/</link>
		<comments>http://blog.mazenod.fr/2010/09/comment-creer-des-copies-decran-animees-screencast-legeres-et-gratuites-pour-le-web/#comments</comments>
		<pubDate>Wed, 01 Sep 2010 12:30:12 +0000</pubDate>
		<dc:creator>mazenovi</dc:creator>
				<category><![CDATA[blog]]></category>
		<category><![CDATA[bricolage]]></category>
		<category><![CDATA[libre]]></category>
		<category><![CDATA[portable apps]]></category>
		<category><![CDATA[flash]]></category>
		<category><![CDATA[gratuit]]></category>
		<category><![CDATA[install]]></category>
		<category><![CDATA[PC]]></category>
		<category><![CDATA[windows]]></category>

		<guid isPermaLink="false">http://blog.mazenod.fr/?p=1163</guid>
		<description><![CDATA[<p><a href="../wp-content/uploads/2010/07/camstudio.png"><img class="alignleft" style="margin-left: 20px; margin-right: 20px;" title="camstudio" src="../wp-content/uploads/2010/07/camstudio.png" alt="" width="172" height="179" /></a>Quoi de plus didactique qu'un screencast?</p>
<p>Voici un petit tuto qui vous permettra simplement de faire des copies d'écran animées gratuites, légères et optimales pour le web ...</p>
<p>Et bien entendu une attention particulière est portée à la portabilité du tout!</p>
]]></description>
			<content:encoded><![CDATA[<div class="tweetmeme_button" style="float: right; margin-left: 10px;">
			<a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fblog.mazenod.fr%2F2010%2F09%2Fcomment-creer-des-copies-decran-animees-screencast-legeres-et-gratuites-pour-le-web%2F"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fblog.mazenod.fr%2F2010%2F09%2Fcomment-creer-des-copies-decran-animees-screencast-legeres-et-gratuites-pour-le-web%2F&amp;style=normal&amp;b=2" height="61" width="50" title="Comment créer des copies d’écran animées (screencast) légères et gratuites pour le web" alt=" Comment créer des copies d’écran animées (screencast) légères et gratuites pour le web" /><br />
			</a>
		</div>
<p>faire un screencast sans passer par des outils payants n&#8217;est pas un mince affaire. L&#8217;idée est d&#8217;obtenir un format flv de taille et de qualité raisonnable en sortie afin de pouvoir l&#8217;intégrer à son sitye via un player du genre <a href="http://www.longtailvideo.com/players/jw-flv-player/">jwpalyer</a>.</p>
<p>Si le studio pouvait être mobile (i.e. les applications utilisées portables), ce serait un plus indéniable en ce qui me concerne!</p>
<p>Il y a longtemps que je connais <strong><a href="http://camstudio.org/">Camstudio</a></strong>, qui fonctionne très bien, qui est portable (il suffit de copier le répertoire d&#8217;installation à partir de &laquo;&nbsp;&nbsp;&raquo;Program Files&nbsp;&raquo;), mais qui a tendance à produire des fichiers volumineux.</p>
<h2>le codec qui va bien</h2>
<p>Ce que j&#8217;ai découvert en revanche c&#8217;est le <a href="http://camstudio.org/blog/camstudio-lossless-codec-v14-released"><strong>Camstudio Lossless Codec</strong></a> qui optimise grandement la taille des vidéos.</p>
<p>Une fois que vous aurez téléchargé et décompressez l&#8217;archive, il vous suffira d&#8217;un clic droit sur le fichier camcodec.inf, (séléctionnez &laquo;&nbsp;installer&nbsp;&raquo;) pour installer le codec sur votre système &#8230; D&#8217;un point de vue de la portabilité, cette opération est à reproduire sur chaque système avec lequel vous ferez des screencats</p>
<p>Il faut ensuite sélectionner ce codec dans CamStudio Recorder &laquo;&nbsp;options&nbsp;&raquo; -&gt; &laquo;&nbsp;video Options&nbsp;&raquo; -&gt; sélectionner &laquo;&nbsp;CamStudio LossLess Codec v1.4&#8243; dans la liste &laquo;&nbsp;Compressor&nbsp;&raquo;.</p>
<h2>La prise de son</h2>
<p>J&#8217;ai longtemps (et bêtement) fait les commentaires de mes screencasts en live, c&#8217;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&#8217;exercice assez fastidieux &#8230;</p>
<p>Bref que ce soit avec un simple <strong><a href="http://sourceforge.net/projects/minirec/">MiniRec</a> </strong>ou avec <a href="http://framakey.org/Portables/AudacityPortable?from=Portables.PortableAudacity"><strong>Audacity portable</strong></a>, il est bien plus pratique de différer la prise de son<strong> </strong>et de la monter ensuite</p>
<h2>Le montage<strong><br />
</strong></h2>
<p><strong><a href="http://portableapps.com/apps/music_video/virtualdub_portable">VirtualDub</a></strong> est léger, portable, et très intuitif. Son seul défaut est en vérité d&#8217;utiliser par défaut des codecs pas optimisés pour deux sous. Donc une fois que vous avez monter votre screencast, pensez à sélectionner &laquo;&nbsp;Videos&nbsp;&raquo; -&gt; &laquo;&nbsp;Direct stream copy&nbsp;&raquo; avant de &laquo;&nbsp;save AS AVI&nbsp;&raquo;, sans quoi vous vous retrouveriez avec un fichier AVI énorme</p>
<p>La dernière opération consiste en la conversion en flv de l&#8217;animation  <strong><a href="http://ffmpeg.org/">FFmpeg</a> <a href="http://www.videohelp.com/tools/ffmpeg">[Lien direct vers le bianire windows]</a> </strong>qui se fait via la ligne de commande suivante<strong> </strong></p>
<div class="codecolorer-container bash blackboard" style="overflow:auto;white-space:nowrap;border:1px solid #9F9F9F;width:435px;"><div class="bash codecolorer" style="padding:5px;font:normal 12px/1.4em Monaco, Lucida Console, monospace;white-space:nowrap"><span style="color: #c20cb9; font-weight: bold;">ffmpeg</span> <span style="color: #660033;">-i</span> input.avi <span style="color: #660033;">-vcodec</span> flashsv output.flv</div></div>
<p>ou en ajoutant la piste audio au format wav indépendamment</p>
<div class="codecolorer-container bash blackboard" style="overflow:auto;white-space:nowrap;border:1px solid #9F9F9F;width:435px;"><div class="bash codecolorer" style="padding:5px;font:normal 12px/1.4em Monaco, Lucida Console, monospace;white-space:nowrap"><span style="color: #c20cb9; font-weight: bold;">ffmpeg</span> <span style="color: #660033;">-i</span> input.avi <span style="color: #660033;">-i</span> input.wav <span style="color: #660033;">-ar</span> <span style="color: #000000;">22050</span> <span style="color: #660033;">-vcodec</span> flashsv output.flv</div></div>
<p>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 <img src='http://blog.mazenod.fr/wp-includes/images/smilies/icon_wink.gif' alt="icon wink Comment créer des copies d’écran animées (screencast) légères et gratuites pour le web" class='wp-smiley' title="Comment créer des copies d’écran animées (screencast) légères et gratuites pour le web" /> </p>
<p><strong>source : </strong><a href="http://blog.creonfx.com/flash/howto-create-lossless-flash-screen-captures-screencasts-for-free">http://blog.creonfx.com/flash/howto-create-lossless-flash-screen-captures-screencasts-for-free</a></p>
]]></content:encoded>
			<wfw:commentRss>http://blog.mazenod.fr/2010/09/comment-creer-des-copies-decran-animees-screencast-legeres-et-gratuites-pour-le-web/feed/</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
		<item>
		<title>Mon youtube</title>
		<link>http://blog.mazenod.fr/2007/09/mon-youtube/</link>
		<comments>http://blog.mazenod.fr/2007/09/mon-youtube/#comments</comments>
		<pubDate>Fri, 14 Sep 2007 06:26:38 +0000</pubDate>
		<dc:creator>mazenovi</dc:creator>
				<category><![CDATA[bricolage]]></category>
		<category><![CDATA[flash]]></category>
		<category><![CDATA[windows]]></category>
		<category><![CDATA[www]]></category>

		<guid isPermaLink="false">http://blog.mazenod.fr/?p=111</guid>
		<description><![CDATA[
			
				
			
		
C&#8217;est une demande réccurente, tout le monde veut mettre des vidéos sur le web&#8230;
ca peut se faire simplement dans un site spécialisé (genre youtube, daily motion) et on peut aussi inclure la vidéo dans une page de site perso &#8230;
Tout est géré de la conversion Flash à la bande passante nécessaire. Alors que demande le [...]]]></description>
			<content:encoded><![CDATA[<div class="tweetmeme_button" style="float: right; margin-left: 10px;">
			<a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fblog.mazenod.fr%2F2007%2F09%2Fmon-youtube%2F"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fblog.mazenod.fr%2F2007%2F09%2Fmon-youtube%2F&amp;style=normal&amp;b=2" height="61" width="50" title="Mon youtube" alt=" Mon youtube" /><br />
			</a>
		</div>
<p>C&#8217;est une demande réccurente, tout le monde veut mettre des vidéos sur le web&#8230;<br />
ca peut se faire simplement dans un site spécialisé (genre youtube, daily motion) et on peut aussi inclure la vidéo dans une page de site perso &#8230;<br />
Tout est géré de la conversion Flash à la bande passante nécessaire. Alors que demande le peuple? De la customisation et qu&#8217;on mélange pas les torchons et les serviettes:<br />
1 &#8211; il est impossible de customiser le player de youtube, ou autre et on a pas la main sur les paramètres de compression.<br />
2 &#8211; Dans le cas d&#8217;un site institutionnel, des vidéos officielles pourraient se retrouver à côté d&#8217;autres moins officielles. bof!</p>
<p>Bref: Je n&#8217;ai testé pour le moment que la solution windows<br />
<a href="http://biggmatt.com/winff/downloads/winff-version-0.31.html">http://biggmatt.com/winff/downloads/winff-version-0.31.html</a><br />
de ce tuto<br />
<a href="http://www.webu.fr/blog/197">http://www.webu.fr/blog/197</a><br />
Mais elle marche et est open source (sauf que je suis obligé de lancer la commande à la main, pour je ne sais quelle raison &#8230; quand ca veut pas ca veut pas)<br />
A base d&#8217;un CMS avec quelque chose comme FCKeditor, la mise en ligne d&#8217;une vidéo est aussi simple que celle d&#8217;une image&#8230;</p>
<p>Reste à trouver un moyen de les lancer sur clique ses vidéos &#8230;<br />
<a href="http://www.siteduzero.com/tuto-3-7930-1-des-videos-flv-sur-son-site-web.html#ss_part_6">http://www.siteduzero.com/tuto-3-7930-1-des-videos-flv-sur-son-site-web.html#ss_part_6</a><br />
bingo c&#8217;est youtube à la maison.</p>
<p>Ca vaudrait le coup de retoucher le sfMediLibrary afin de gérer des albums d&#8217;images ET de vidéos &#8230;</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.mazenod.fr/2007/09/mon-youtube/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

