http://calamart.org/ fr SPIP - www.spip.net http://calamart.org/spip.php?article69 http://calamart.org/spip.php?article69 2014-07-19T17:05:08Z text/html fr Steph transition Langage film cinéma Postprod <p>Les différentes utilisations du fondu enchaîné au cinema Le flash back Le veille homme se rappelle de son enfance ("Little Big Man"). Le passage du temps Quelques heures, quelques années condensées en quelques fondus.Le voyage peut aussi être illustrer par une succession de fondus. La possession Dans les films fantastiques un personnage peut être vampirisé, hanté, par un autre en utilisant le fondu enchaîné ("L'exorciste", "Shining"). Les scènes de sexe L'inspiration littéraire Une idée et une (...)</p> - <a href="/spip.php?rubrique1" rel="directory">Archives</a> / <a href="/spip.php?mot19" rel="tag">transition</a>, <a href="/spip.php?mot60" rel="tag">Langage</a>, <a href="/spip.php?mot3" rel="tag">film</a>, <a href="/spip.php?mot2" rel="tag">cinéma</a>, <a href="/spip.php?mot77" rel="tag">Postprod</a> <img class='spip_logos' alt="" align="right" src="http://calamart.org/local/cache-vignettes/L96xH58/arton69-4dc54.png" width='96' height='58' style='' /> <div class='rss_chapo'><p>Les différentes utilisations du fondu enchaîné au cinema</p></div> <div class='rss_texte'><ul> <li><strong>Le flash back</strong><br/> Le veille homme se rappelle de son enfance ("Little Big Man").</li> <li><strong>Le passage du temps</strong><br/> Quelques heures, quelques années condensées en quelques fondus.<br/>Le voyage peut aussi être illustrer par une succession de fondus.</li> <li><strong>La possession</strong><br/> Dans les films fantastiques un personnage peut être vampirisé, hanté, par un autre en utilisant le fondu enchaîné ("L'exorciste", "Shining").</li> <li><strong>Les scènes de sexe</strong></li> <li><strong>L'inspiration littéraire</strong> <br/> Une idée et une image en amenant une autre puis une autre... ("Misery", "Barton Fink").</li> <li><strong>La culpabilité</strong><br/> ("La mort au trousse", "La nuit du chasseur").</li> </ul><iframe width="560" height="315" src="//www.youtube.com/embed/1av5dJd7tIA" frameborder="0" allowfullscreen></iframe></div> <div class='rss_ps'><p>ref : <a href="http://www.youtube.com/watch?v=1av5dJd7tIA">Le Fondu enchaîné au cinéma - Blow up - ARTE </a></p></div> http://calamart.org/spip.php?article67 http://calamart.org/spip.php?article67 2014-06-12T22:25:43Z text/html fr Steph Guitare morceaux musique Single <p>Une improvisation de guitare.</p> - <a href="/spip.php?rubrique1" rel="directory">Archives</a> / <a href="/spip.php?mot46" rel="tag">Guitare</a>, <a href="/spip.php?mot9" rel="tag">morceaux</a>, <a href="/spip.php?mot8" rel="tag">musique</a>, <a href="/spip.php?mot57" rel="tag">Single</a> <img class='spip_logos' alt="" align="right" src="http://calamart.org/IMG/arton67.png" width='55' height='150' style='' /> <div class='rss_chapo'><p>Une improvisation de guitare.</p></div> <div class='rss_texte'><dl class='spip_document_51 spip_documents spip_documents_center'> <dt><a href="http://calamart.org/single/jardin-solidaire/Jardin-solidaire.html" title='JPEG - 94.6 ko'><img src='http://calamart.org/IMG/jpg/jardin-solidaire-pochette.jpg' width='500' height='500' alt='JPEG - 94.6 ko' style='' /></a></dt> </dl></div> http://calamart.org/spip.php?article66 http://calamart.org/spip.php?article66 2014-04-30T13:19:56Z text/html fr Steph cinéma film hors champ travelling mouvements camera Langage <p>Retranscription de textes de Claude Bailblé.<br class='autobr' /> CHAMP ET CONTRE-CHAMPS<br class='autobr' /> a/ Le découpage s'affranchit des limites de l'observation figée chaque champ occulte les 3 contre-champs manquants (sauf amorces au dos). On peut masquer une info intéressante, la laisser deviner plutôt que la montrer. chaque regard observant désigne son contre-champ (déjà fait, en amont ; à faire, en aval). Ce regard peut rester sans suite visuelle (contre-champ seulement imaginé) chaque parole ouvre sur un (...)</p> - <a href="/spip.php?rubrique1" rel="directory">Archives</a> / <a href="/spip.php?mot2" rel="tag">cinéma</a>, <a href="/spip.php?mot3" rel="tag">film</a>, <a href="/spip.php?mot14" rel="tag">hors champ</a>, <a href="/spip.php?mot17" rel="tag">travelling</a>, <a href="/spip.php?mot18" rel="tag">mouvements camera</a>, <a href="/spip.php?mot60" rel="tag">Langage</a> <img class='spip_logos' alt="" align="right" src="http://calamart.org/local/cache-vignettes/L124xH124/arton66-bfdfa.png" width='124' height='124' style='' /> <div class='rss_chapo'><p>Retranscription de textes de Claude Bailblé.</p></div> <div class='rss_texte'><h3>CHAMP ET CONTRE-CHAMPS</h3><h4>a/ Le découpage s'affranchit des limites de l'observation figée</h4> <ul> <li><strong>chaque champ occulte les 3 contre-champs manquants</strong> (sauf amorces au dos).<br/> On peut masquer une info intéressante, la laisser deviner plutôt que la montrer.</li> <li><strong>chaque regard observant désigne son contre-champ</strong> (déjà fait, en amont ; à faire, en aval).<br/> Ce regard peut rester sans suite visuelle (contre-champ seulement imaginé)</li> <li><strong>chaque parole ouvre sur un contre-champ</strong> (adresse à un groupe ou à un personnage).</li> <li><strong>chaque bruit off</strong> (important, inattendu) <strong>appelle un champ</strong> (un nouveau plan, un pano rapide).</li> </ul> <p>L'inférence induite par le champ<strong><a href="#blank" title="La musique aussi informe souvent sur ce qui va se passer (bande annonce), sur l'imminence d'un passage à l'acte">*</a></strong> peut être confirmée, précisée, modifiée, déroutée dans le plan suivant, voir différée quelques plans plus loin.... Ainsi, chaque cut est précédé d'une "instruction de sortie" et suivi-validé par une "instruction d'entrée", de sorte que l'on ressente, par delà le raccord temporel, une connection logique de type :</p> <p><strong>Or, mais, et cependant, en outre, par ailleurs, nanmoins, alors, soudain, et d'autre part, donc, pendant ce temps, tout à coup, car aussi bien, si donc, alors peut-être, sauf que...etc</strong></p> <dl class='spip_document_46 spip_documents spip_documents_center'> <dt><img src='http://calamart.org/IMG/jpg/champ-contre-champs.jpg' width='500' height='65' alt='JPEG - 18.9 ko' style='' /></dt> </dl><h4>b/ Le découpage alterne le pôle situation et le pôle personnage</h4> <ul> <li><strong>On suit un protagoniste (pôle personnage)</strong></li> <ul> <li>le gros plan (frontal) force l'identification, l'approbation de l'état intérieur (émotionnel ou intentionnel) du "héros" ...quelle durée ?</li> <li>le recadrage (petits panos de recentrage) accentue la focalisation sur les agissements et la pensée.</li> <li>le pano d'accompagnement sur un déplacement de personnage désigne ce personnage comme moteur momentané du récit ; cependant, le narrateur ne se mobilise pas, il se contente de souligner le trajet (de près ou de loin) en l'isolant de son point de départ et de son point d'arrivée.</li> <li>le travelling avant (avec le personnage inclus de dos) est participatif ; mais on ne voit pas le but de l'action ; le travelling arrière (avec personnage face) est aussi participatif ; mais on ne voit pas le foyer de l'action, on le devine sur le visage, on l'entend dans la réplique, on l'imagine grâce au contexte amont ou grâce au contexte amont ou grâce au hors-champ contigu (sons d'ambiance, effets, dialogue off)</li> </ul> <li><strong>On "est" le protagoniste</strong> (caméra subjective ; "hallucination" de soi dans l'autre)</li> <ul> <li>caméra prépare un mouvement de regard (changement attentionnel, saccade off ou saccade in)</li> <li>champ focalisé : un détail, un autre personnage, un élément nouveau, un danger (quelle gr d pl ?)</li> <li>caméra fixe ou mouvante ? (participation directe au déplacement du personnage cf.steadycam)</li> <li>combien de temps ? le temps d'une prise en compte, d'une adresse vocale, d'une décision ?</li> </ul> <li><strong>On change de protagoniste à l'intérieur d'un plan</strong> (changement de focalisation)</li> <ul> <li>sortie de champ de l'un, recentrage (motivé) sur l'autre resté dans le champ</li> <li>entrée de champ de l'autre, sortie de champ de l'un etc..</li> <li>un personnage se met en mouvement, la caméra l'accompagne et "quitte" les autres</li> <li>décadrage motivé par une réplique, un bruit off (cliquetis => pano rapide)</li> <li>décadrage sans raison apparente ; mise en attente de l'intention narrative (différé du pourquoi ? que se passe t-il dans le off contigu ?) possibilité de pano (sans parallaxe de mouvement, donc la "découverte" sera plutôt transversale) ou de travelling latéral (avec parallaxe de mouvement, l'élément à découvrir est plutôt sagittal, dans la profondeur)</li> <li>on resserre, on élargit : l'info visuelle change, la caméra y choisit ou abandonne un "épicentre" (tel ou tel) au profit d'un nouveau ; on peut combiner : mouvements de comédiens (entrant, sortant) et mouvements de caméra (panos-travelling-zooms)</li> </ul> <li><strong>On suit une situation</strong> ("description", données scéniques, interactions posssibles de l'ensemble)</li> <ul> <li>plans larges sans amorces : point de vue "en extériorité", sans prendre parti</li> <li>plans semi-larges avec amorces : voir avec, du point devue de (P1, P2... groupe, etc...)</li> </ul> </ul></div> <div class='rss_ps'><p>Voir aussi :</p> <ol> <li><a href="http://calamart.org/spip.php?article51">NARRATIF</a></li> <li><a href="http://calamart.org/spip.php?article52">PROCESSUS</a></li> <li><a href="http://calamart.org/spip.php?article57">CHAMP et HORS-CHAMP</a></li> <li>CHAMP et CONTRE-CHAMPS</li> </ol></div> http://calamart.org/spip.php?article65 http://calamart.org/spip.php?article65 2014-03-28T16:08:24Z text/html fr Steph cinéma film image internet Documentaire Vidéo <p>"Les Petits Paris Gagnants" est un film documentaire que j'ai réalisé en 2013.<br class='autobr' /> Pitch : Alors que les parieurs arrivent sur le champ de courses hippiques, les jockeys et organisateurs se préparent pour la première course de la journée.<br class='autobr' /> <br class='autobr' /> <br class='autobr' /> Pour visionner "Les Petits Paris Gagnants" avec un meilleur encodage, rendez-vous sur la page du documentaire du site des productions du Cheval (...)</p> - <a href="/spip.php?rubrique1" rel="directory">Archives</a> / <a href="/spip.php?mot2" rel="tag">cinéma</a>, <a href="/spip.php?mot3" rel="tag">film</a>, <a href="/spip.php?mot16" rel="tag">image</a>, <a href="/spip.php?mot42" rel="tag">internet</a>, <a href="/spip.php?mot61" rel="tag">Documentaire</a>, <a href="/spip.php?mot66" rel="tag">Vidéo</a> <img class='spip_logos' alt="" align="right" src="http://calamart.org/local/cache-vignettes/L62xH62/arton65-2ecb6.png" width='62' height='62' style='' /> <div class='rss_chapo'><p>"<strong>Les Petits Paris Gagnants</strong>" est un film <strong>documentaire</strong> que j'ai réalisé en 2013.</p> <p>Pitch : Alors que les parieurs arrivent sur le champ de courses hippiques, les jockeys et organisateurs se préparent pour la première course de la journée.</p></div> <div class='rss_texte'><p><video controls poster="http://www.cheval-aveugle.com/video/Les-petits-paris-gagnants/vignettes/ecran.jpg"><br class='autobr' /> <source src="http://www.cheval-aveugle.com/video/Les-petits-paris-gagnants/Les-Petits-Paris-Gagnants-2,5Mbps.mp4" type="video/mp4"/><br class='autobr' /> <source src="http://www.cheval-aveugle.com/video/Les-petits-paris-gagnants/Les-Petits-Paris-Gagnants-webmsd.webm" type="video/webm"/><br class='autobr' /> <source src="http://www.cheval-aveugle.com/video/Les-petits-paris-gagnants/Les-Petits-Paris-Gagnants-750Kbps.mp4" type="video/mp4" media="handheld" /><br class='autobr' /> </video></p> <p>Pour visionner "<strong>Les Petits Paris Gagnants</strong>" avec un meilleur encodage, rendez-vous sur la <a href="http://www.cheval-aveugle.com/petits-paris-gagnants.php">page du <strong>documentaire</strong></a> du site des <a href="http://www.cheval-aveugle.com/">productions du <strong>Cheval Aveugle</strong></a>.</p></div> <div class='rss_ps'><p>(CC) BY-NC-SA</p> <p>Ce film est mis à disposition selon les termes de la <a href="http://creativecommons.org/licenses/by-nc-sa/2.0/fr/">Licence Creative Commons Paternité - Pas d'Utilisation Commerciale - Partage à l'Identique 2.0 France</a>.</p></div> http://calamart.org/spip.php?article64 http://calamart.org/spip.php?article64 2014-03-11T20:18:37Z text/html fr Steph media technologie information Langage Ubuntu Outils <p>spread0r est un lecteur de texte qui vous permet de lire deux fois plus vite que d'ordinaire.<br class='autobr' /> Et ce en réduisant la fatigue oculaire liée aux déplacements des yeux de mots à mots et de phrases à phrases.<br class='autobr' /> C'est une application similaire à spritz mais libre.<br class='autobr' /> Cet article explique l'installation et l'utilisation de cette application open-source sur Linux (ubuntu).<br class='autobr' /> Installation<br class='autobr' /> spread0r tourne sur toutes les plate-formes acceptant perl et gtk2-perl.<br class='autobr' /> Installer gtk2 pour perl<br class='autobr' /> Paquets necéssaires sudo (...)</p> - <a href="/spip.php?rubrique1" rel="directory">Archives</a> / <a href="/spip.php?mot31" rel="tag">media</a>, <a href="/spip.php?mot33" rel="tag">technologie</a>, <a href="/spip.php?mot35" rel="tag">information</a>, <a href="/spip.php?mot60" rel="tag">Langage</a>, <a href="/spip.php?mot73" rel="tag">Ubuntu</a>, <a href="/spip.php?mot74" rel="tag">Outils</a> <img class='spip_logos' alt="" align="right" src="http://calamart.org/IMG/arton64.png" width='150' height='150' style='' /> <div class='rss_chapo'><dl class='spip_document_43 spip_documents spip_documents_center'> <dt><img src='http://calamart.org/IMG/gif/spread0r.gif' width='689' height='229' alt='GIF - 182.9 ko' /></dt> </dl> <p><a href="https://github.com/xypiie/gritz">spread0r</a> est un lecteur de texte qui vous permet de lire deux fois plus vite que d'ordinaire.</p> <p>Et ce en réduisant la fatigue oculaire liée aux déplacements des yeux de mots à mots et de phrases à phrases.</p> <p>C'est une application similaire à <a href="http://www.spritzinc.com/">spritz</a> mais libre.</p> <p>Cet article explique l'installation et l'utilisation de cette application open-source sur Linux (ubuntu).</p></div> <div class='rss_texte'><h3>Installation</h3> <p>spread0r tourne sur toutes les plate-formes acceptant <a href="http://fr.wikipedia.org/wiki/Perl_%28langage%29" title="page wikipedia de perl">perl</a> et <a href="http://perl.developpez.com/tutoriels/perl/gtk2/" title="page wikipedia de gtk2-perl">gtk2-perl</a>.</p> <h3>Installer gtk2 pour perl</h3> <p>Paquets necéssaires</p> <pre>sudo apt-get install build-essential sudo apt-get install libgtk2.0-dev libglib2.0-dev libpango1.0-dev</pre> <p>Lancer <a href="http://fr.wikipedia.org/wiki/CPAN" title="page wikipedia de cpan">cpan</a></p> <pre>sudo cpan</pre> <p>Installer depuis cpan les éléments suivants (dans l'ordre)</p> <p>nb : <a href="http://zethos.zolmeister.com/">zethos</a> est un script javascript qui permet d'inséré un lecteur similaire à spread0r dans une page web.</p> <pre> install ExtUtils ::Depends install ExtUtils ::PkgConfig install Glib instal Pango install Gtk2</pre><h3>Lancement de spread0r via le terminal</h3> <p>Une fois l'arborescence téléchargée depuis le <a href="https://github.com/xypiie/spread0r">dépôt spread0r sur github</a>, il suffit de taper :</p> <pre>./spread0r books/nom-livre.txt</pre><h3>Conversion des livres avec Calibre</h3> <p><a href="http://calibre-ebook.com/">Calibre</a> permet la conversion de fichiers dans beaucoup de formats et en l'occurrence en .txt, utilisé par spread0r.</p></div> <div class='rss_ps'><p>nb : <a href="http://zethos.zolmeister.com/">zethos</a> est un script javascript qui permet d'insérer un lecteur de texte similaire à spread0r dans une page web. Il y a aussi <a href="http://www.squirt.io/">Squirt</a>, un bookmarklet compatible tous navigateurs qui permet de lire une sélection de texte.</p> <p>ref :</p> <p><a href="https://github.com/xypiie/spread0r">https://github.com/xypiie/spread0r</a></p> <p><a href="http://www.allmyit.com.au/perl-gtk2-ubuntu-904">http://www.allmyit.com.au/perl-gtk2-ubuntu-904</a></p> <p><a href="http://perl.developpez.com/tutoriels/perl/gtk2/">http://perl.developpez.com/tutoriels/perl/gtk2/</a></p></div> http://calamart.org/spip.php?article61 http://calamart.org/spip.php?article61 2014-01-12T02:20:20Z text/html fr Steph Vidéo web Postprod internet image <p>Avec html5 l'intégration de vidéos dans une page web devient facile et permet une complète interopérabilité du média. De plus l'ajout de code javascript permet une réelle optimisation du lecteur. Le lecteur proposé par SublimeVideo, récemment racheté par Dailymotion, est certainement un bon choix dans l'optique d'un changement de support.<br class='autobr' /> 1) Intégration du lecteur Ce navigateur ne supporte pas HTML5 Video, mais vous pouvez télécharger la vidéo pour une lecture en local.<br class='autobr' /> Le fait de présenter plusieurs (...)</p> - <a href="/spip.php?rubrique1" rel="directory">Archives</a> / <a href="/spip.php?mot66" rel="tag">Vidéo</a>, <a href="/spip.php?mot43" rel="tag">web</a>, <a href="/spip.php?mot77" rel="tag">Postprod</a>, <a href="/spip.php?mot42" rel="tag">internet</a>, <a href="/spip.php?mot16" rel="tag">image</a> <img class='spip_logos' alt="" align="right" src="http://calamart.org/IMG/arton61.png" width='150' height='150' style='' /> <div class='rss_chapo'><p>Avec html5 l'intégration de vidéos dans une page web devient facile et permet une complète interopérabilité du média. De plus l'ajout de code javascript permet une réelle optimisation du lecteur.<br class='autobr' /> Le lecteur proposé par <a href="http://sublimevideo.net/">SublimeVideo</a>, récemment racheté par Dailymotion, est certainement un bon choix dans l'optique d'un changement de support.</p></div> <div class='rss_texte'><h3>1) Intégration du lecteur</h3> <p><code class='spip_code' dir='ltr'><video src="url" controls="controls" poster="url" width="720" height="540">Ce navigateur ne supporte pas HTML5 Video, mais vous pouvez télécharger la vidéo pour une lecture en local.</video></code></p> <p>Le fait de présenter plusieurs sources vidéos fera que si la première ne peut être chargée alors le navigateur essaiera la suivante et ainsi de suite.</p> <div style='text-align: left;' class='spip_code' dir='ltr'><code><video controls="controls" poster="url" width="720" height="540" preload="auto"><br /> <source src="url" type="video/mp4" /><br /> <source src="url" type="video/webm" /><br /> <source src="url" type="video/ogg" /><br /> Ce navigateur ne supporte pas HTML5 Video, mais vous pouvez télécharger la vidéo pour une lecture en local.<br /> </video> </code></div><h4>Options basiques du lecteur</h4><ul> <li> <p>Afficher les éléments de controles de lecture (différent selon les navigateurs) :</p> <p><code class='spip_code' dir='ltr'>controls="controls"</code></p> </li><li> <p>Charger la video dès le chargement de la page :</p> <p><code class='spip_code' dir='ltr'>preload="auto"</code></p> </li><li> <p>Lancer la video dès le chargement de la page :</p> <p><code class='spip_code' dir='ltr'>autoplay="true"</code></p> </li><li> <p>Ajouter une image de fond :</p> <p><code class='spip_code' dir='ltr'>poster="url"</code></p> </li><li> <p>Lecture en boucle :</p> <p><code class='spip_code' dir='ltr'>loop</code></p> </li> </ul><hr/> <h3>2) Normes de codage vidéo :</h3> <p>Il est nécessaire pour des raisons d'interopérabilité de proposer différents formats vidéos.</p> <ul> <li><strong><a href="http://fr.wikipedia.org/wiki/H.264" title="Page wikipédia de H.264">H.264/MP4</a></strong> (non-libre)</li> <li><strong><a href="http://fr.wikipedia.org/wiki/Theora" title="Page wikipédia de Theora"> OGG/Theora</a></strong> (open-source)</li> <li><strong><a href="http://fr.wikipedia.org/wiki/WebM" title="Page wikipédia de WebM">WebM/VP8</a></strong> (open-source)</li> </ul><h4>Implémentation selon les navigateurs :</h4><table class="table table-hover"> <thead><tr> <th>Navigateur\format</th><th>H.264/MP4</th><th>OGG/Theora</th><th>WebM/VP8</th></tr> </thead> <tfoot> </tfoot> <tbody> <tr><th>Firefox</th><th><span style="color:red">non</span></th><th><span style="color:green">oui (Firefox 3.5+)</span></th><th><span style="color:green">oui (Firefox 4+)</span></th></tr> <tr><th>Google Chrome</th><th><span style="color:green">oui (Chrome16-)</span></th><th><span style="color:green">oui (Chrome 4+)</span></th><th><span style="color:green">oui (Chrome 6+)</span></th></tr> <tr><th>Safari</th><th><span style="color:green">oui (Safari 5+)</span></th><th><span style="color:red">non</span></th><th><span style="color:red">non</span></th></tr> <tr><th>Opera</th><th><span style="color:red">non</span></th><th><span style="color:green">oui (Opera 10.5+)</span></th><th><span style="color:green">oui (Opera 10.6+)</span></th></tr> <tr><th>Internet Explorer</th><th><span style="color:green">oui (IE 9+)</span></th><th><span style="color:red">non</span></th><th><span style="color:green">oui (si codec installés)</span></th></tr> </tbody> </table><hr/> <h3>3) Qualité d'encodage</h3> <p>Suivant le terminal et la qualité de connexion de l'utilisateur il est préférable de proposer différents formats et qualités d'encodages pour une lecture en streaming.</p> <p>Ci-dessous un tableau proposant pour une résolution un débit du flux.</p> <table class="table table-hover"> <thead><tr> <th>ratio\débit</th><th>6 Mbps</th><th>2 Mbps</th><th>750 Kbps</th><th>350 Kbps</th><th>150 Kbps</th></tr> </thead> <tfoot> </tfoot> <tbody> <tr><th>1,33</th><th>768x576</th><th>720x540</th><th>640x480</th><th>384x288</th><th>240x180</th></tr> <tr><th>1,77</th><th>1280x720</th><th>720x406</th><th>640x360</th><th>384x216</th><th>240x136</th></tr> <tr><th>1,77</th><th>1920x1080</th><th></th><th></th><th></th><th></th></tr> </tbody> </table><hr/> <h3>4) SublimeVideo</h3> <p>Le lecteur video Html5 <a href="http://sublimevideo.net/">SublimeVideo</a> est très complet et gratuit dans sa version basique (sans add-ons).</p> <p>Il permet via l'insertion d'un script javascript d'avoir un bon lecteur permettant notamment de switcher sur une version HD de la vidéo, de gérer des sous-titres, d'utiliser des raccourcies claviers pour contrôler le lecteur etc...</p> <p>De plus une API est disponible pour manipuler les différentes fonctionnalités du lecteur.</p> <hr/> <h3>5) Conclusion</h3> <p>Lorsque j'intègre une vidéo je crée donc généralement cinq vidéos différentes (j'évite pour l'instant le format OGG/Theora car je n'ai pas réussi d'encodages satisfaisants) :</p> <ul> <li>Deux vidéos encodées en <strong>.mp4</strong> <ul> <li>Une vidéo de définition standard (exemple 720x540) à <strong>2 ou 3 Mbps</strong>.</li> <li>Une vidéo haute définition selon la vidéo d'origine (exemple 1280x720) à <strong>5 ou 6 Mbps</strong>.</li></ul> </li> <li>Deux vidéos encodées en <strong>.webm</strong> <ul> <li>Une vidéo de définition standard (exemple 720x540) à <strong>2 ou 3 Mbps</strong>.</li> <li>Une vidéo haute définition selon la vidéo d'origine (exemple 1280x720) à <strong>5 ou 6 Mbps</strong>.</li></ul> </li> <li>Et une vidéo <strong>.mp4</strong> pour les terminaux mobiles <ul><li>Une vidéo avec une faible définition (exemple 640x480) à <strong>750 Kbps</strong>.</li></ul> </ul> <p>Exemple d'intégration du lecteur SublimeVideo :</p> <div style='text-align: left;' class='spip_code' dir='ltr'><code><video id="0" class="sublime" preload="auto" poster="../video.jpg" width="600" height="450" data-uid="0" preload="auto"><br /> <source src="../video-2,5Mbps.mp4" /><br /> <source src="../video-5Mbps.mp4" data-quality="hd" /><br /> <source src="../video-750Kbps.mp4" media="handheld" /><br /> <source src="../video-webmsd.webm" /><br /> <source src="../video-webmhd.webm" data-quality="hd" /><br /> </video></code></div></div> <div class='rss_ps'><p>nb : le <a href="http://commons.wikimedia.org/wiki/File:HTML5_logo_and_wordmark.svg" title="Page wikipédia de HTML5">logo HTML5</a> de l'article est a attribuer au <a href="http://fr.wikipedia.org/wiki/W3c" title="Page wikipédia de W3C"> W3C</a>.</p> <p>ref : <a href="http://www.alsacreations.com/article/lire/1125-introduction-balise-video-html5-mp4-h264-webm-ogg-theora.html">Introduction à la balise video de HTML5</a></p> <p>ref : <cite>"Comprendre la vidéo numérique"</cite> de Jean-Charles Fouché</p></div> http://calamart.org/spip.php?article60 http://calamart.org/spip.php?article60 2013-11-07T00:10:35Z text/html fr Steph cinéma film image Postprod transition media Langage Mashup Vidéo <p>Certains logiciels et autres plugins proposant la simulation de Glitchs sur une vidéo éprouvent des difficultés à restituer de réelles défaillances électroniques. Cette page retranscrit la méthode proposée par datamosher.<br class='autobr' /> Logiciels nécessaires : FFmpegX pour changer le nombres d'images clés. Avidemux car ce logiciel ne répare pas les erreurs d'image paire et impaire.<br class='autobr' /> Téléchargement de Datamoshkit, un kit qui comprend ffmpeg, avidemux et le fichier de préréglage pour ffmpeg.<br class='autobr' /> Téléchargement de (...)</p> - <a href="/spip.php?rubrique1" rel="directory">Archives</a> / <a href="/spip.php?mot2" rel="tag">cinéma</a>, <a href="/spip.php?mot3" rel="tag">film</a>, <a href="/spip.php?mot16" rel="tag">image</a>, <a href="/spip.php?mot77" rel="tag">Postprod</a>, <a href="/spip.php?mot19" rel="tag">transition</a>, <a href="/spip.php?mot31" rel="tag">media</a>, <a href="/spip.php?mot60" rel="tag">Langage</a>, <a href="/spip.php?mot63" rel="tag">Mashup</a>, <a href="/spip.php?mot66" rel="tag">Vidéo</a> <img class='spip_logos' alt="" align="right" src="http://calamart.org/local/cache-vignettes/L100xH100/arton60-632cd.jpg" width='100' height='100' style='' /> <div class='rss_chapo'><p>Certains logiciels et autres plugins proposant la simulation de <a href="http://fr.wikipedia.org/wiki/Glitch">Glitchs</a> sur une vidéo éprouvent des difficultés à restituer de réelles défaillances électroniques. Cette page retranscrit la méthode proposée par <a href="http://www.youtube.com/user/datamosher">datamosher</a>.</p></div> <div class='rss_texte'><p>Logiciels nécessaires :</p> <ul> <li><a href="http://www.ffmpegx.com/">FFmpegX</a> pour changer le nombres d'images clés.</li> <li><a href="http://avidemux.sourceforge.net/">Avidemux</a> car ce logiciel ne répare pas les erreurs d'image paire et impaire.</li> </ul> <p>Téléchargement de <a href="http://www.court13.com/datamoshkit.zip"> Datamoshkit</a>, un kit qui comprend ffmpeg, avidemux et le fichier de préréglage pour ffmpeg.</p> <p>Téléchargement de <a href="http://stephanedalmard.fr/fichiers/DatamoshingPresets.php">DatamoshingPresets.ffx</a>, le fichier de préréglage pour ffmpeg.</p> <h3>FFmpegX</h3> <p>Fichier —> Charger préréglage (DatamoshingPresets.ffx), puis vérifier les réglages suivants :</p> <ol> <li> <strong>Onglet Vidéo :</strong> Video codec —> Xvid[.AVI](ffmpeg), ajuster les paramètres de la vidéo (Taille, images par seconde), Débit vidéo à 20000 kbits/s,.</li><li><strong>Onglet Options :</strong> Options ffmpeg —> cocher "Haute qualité", cocher "Encodage 2 passes" et décocher l'option "Letterbox" de "Décoder avec Qt"</li><li><strong>Onglet Audio :</strong> Décocher "Encode audio"</li><li> —> Encoder</li> </ol> <p>nb : Bien sur les vidéos encodées doivent avoir les mêmes paramètres.</p> <h3>Avidemux</h3><ol> <li>Ouvrir la première vidéo encodée par FFmpegX : Fichier —> Ouvrir (cmd + O)</li> <li>Puis la seconde : Fichier —> Ajouter (cmd + A)</li> <li>Se poser sur la première image de la deuxième vidéo (c'est une Iframe) et entrée un <strong>in</strong></li> <li>Avaner d'une image et ajouter un <strong>out</strong></li> <li>Sélectionner Editer —> Effacer</li> <li>Puis Fichier —> Sauver (cmd + S). Continuer même si le logiciel prévient d'une erreur.</li> <li>Finalement la vidéo (.avi) pourra être transcodée dans un autre format (mp4, mov...).</li> </ol> <p><br/></p> <h3>HOW TO DATAMOSH : PART 1 </h3> <iframe width="420" height="315" src="//www.youtube.com/embed/tYytVzbPky8" frameborder="0" allowfullscreen></iframe></div> <div class='rss_ps'><p>ref :</p> <p><a href="http://www.youtube.com/watch?feature=player_embedded&v=tYytVzbPky8">HOW TO DATAMOSH : PART 1</a></p> <p><a href="http://www.youtube.com/watch?annotation_id=annotation_19393&feature=iv&src_vid=tYytVzbPky8&v=uUkEIVixcbo">HOW TO DATAMOSH : PART 2</a></p> <p><a href="http://www.youtube.com/watch?annotation_id=annotation_460329&feature=iv&src_vid=uUkEIVixcbo&v=tYf3EWMuHH0">HOW TO DATAMOSH : PART 3</a></p> <p><a href="http://arts-numeriques.codedrops.net/Video-et-images-cles">Vidéo et images clés</a></p></div> http://calamart.org/spip.php?article58 http://calamart.org/spip.php?article58 2013-10-07T23:13:22Z text/html fr Steph cinéma image technologie Photographie Camera Lumière <p>Axiom : une caméra open source.<br class='autobr' /> Un concept de module ouvert, dans le sens de transparence et d'évolutivité des différents modules formant la caméra assurées par la communauté.<br class='autobr' /> Une plate-forme de caméra ouverte pour faire face à l'obsolescence rapide des caméras actuelles, et ce par la possibilité de mises à jour de l'interface, des codecs, et des micrologiciels.<br class='autobr' /> Cette page propose de suivre l'évolution du projet.<br class='autobr' /> (10/09/2014) AXIOM BETA : Campagne de crowdfunding sur indiego.com<br class='autobr' /> The Extended Axiom Open (...)</p> - <a href="/spip.php?rubrique1" rel="directory">Archives</a> / <a href="/spip.php?mot2" rel="tag">cinéma</a>, <a href="/spip.php?mot16" rel="tag">image</a>, <a href="/spip.php?mot33" rel="tag">technologie</a>, <a href="/spip.php?mot51" rel="tag">Photographie</a>, <a href="/spip.php?mot65" rel="tag">Camera</a>, <a href="/spip.php?mot71" rel="tag">Lumière</a> <img class='spip_logos' alt="" align="right" src="http://calamart.org/local/cache-vignettes/L60xH60/arton58-4a2b4.png" width='60' height='60' style='' /> <div class='rss_chapo'><h3>Axiom : une caméra open source. </h3> <p>Un concept de module ouvert, dans le sens de transparence et d'évolutivité des différents modules formant la caméra assurées par la communauté.</p> <p>Une plate-forme de caméra ouverte pour faire face à l'obsolescence rapide des caméras actuelles, et ce par la possibilité de mises à jour de l'interface, des codecs, et des micrologiciels.</p> <p>Cette page propose de suivre l'évolution du projet.</p></div> <div class='rss_texte'><p>(10/09/2014) AXIOM BETA : <a href="https://www.indiegogo.com/projects/axiom-beta-the-first-open-digital-cinema-camera">Campagne de crowdfunding sur indiego.com</a></p> <dl class='spip_document_52 spip_documents spip_documents_center'> <dt><img src='http://calamart.org/IMG/gif/20140909030915-enclosure.gif' width='500' height='282' alt='GIF - 5.5 Mo' style='' /></dt> </dl><dl class='spip_document_39 spip_documents spip_documents_center'> <dt><img src='http://calamart.org/IMG/png/axiom-render-4.png' width='500' height='255' alt='PNG - 78.7 ko' style='' /></dt> </dl><dl class='spip_document_38 spip_documents spip_documents_center'> <dt><a href="https://www.apertus.org/sites/default/files/axiom-modules-06.jpg" title='JPEG - 98.9 ko'><img src='http://calamart.org/IMG/jpg/axiom-modules.jpg' width='500' height='679' alt='JPEG - 98.9 ko' style='' /></a></dt> </dl> <p><a href="https://www.apertus.org/extended-open-modules-concept ">The Extended Axiom Open Module Concept </a></p> <dl class='spip_document_41 spip_documents spip_documents_center'> <dt><a href="https://www.apertus.org/extended-open-modules-concept" title='JPEG - 99.9 ko'><img src='http://calamart.org/IMG/jpg/modular_camera.jpg' width='500' height='282' alt='JPEG - 99.9 ko' style='' /></a></dt> </dl> <p><a href="https://www.apertus.org/2014-first-moving-images-axiom-alpha">First-moving-images-axiom-alpha</a></p> <dl class='spip_document_45 spip_documents spip_documents_center'> <dt><a href="https://www.apertus.org/2014-first-moving-images-axiom-alpha" title='JPEG - 126.1 ko'><img src='http://calamart.org/IMG/jpg/alpha03_1.jpg' width='500' height='285' alt='JPEG - 126.1 ko' style='' /></a></dt> </dl> <p><a href="http://www.repaire.net/news/apertus-le-projet-de-creation-d-une-camera-professionnelle-super-35-libre-et-modulaire-arrive-a-maturite-2804.html" title="article du repaire.net">Apertus° : Le projet de création d'une caméra professionnelle super-35 libre et modulaire arrive à maturité</a></p> <p>A suivre...</p></div> <div class='rss_ps'><p>Liens :</p> <p><a href="https://www.apertus.org/fr/">https://www.apertus.org/fr/</a></p> <p><a href="https://www.apertus.org/fr/concept-de-module-ouvert">https://www.apertus.org/fr/concept-de-module-ouvert</a></p></div> http://calamart.org/spip.php?article57 http://calamart.org/spip.php?article57 2013-08-17T19:34:18Z text/html fr Steph cinéma film Langage <p>Retranscription de textes de Claude Bailblé.<br class='autobr' /> CHAMP et HORS-CHAMP (a/spacial : in/off ; b/temporel : avant/après).<br class='autobr' /> Ou comment moduler l'information visuelle...<br class='autobr' /> a/ si le champ attentionnel = regard 5° (vision claire) + 40° (plan de front) + périphérique 160° (repérage) = est limité, nous ne voyons que le quart des apparences instantanément disponibles.<br class='autobr' /> 1/ "le quart" des apparences<br class='autobr' /> modulé par le champ-image (l'écran propose des largeurs de champ variables)<br class='autobr' /> crée un off inversement proportionnel (...)</p> - <a href="/spip.php?rubrique1" rel="directory">Archives</a> / <a href="/spip.php?mot2" rel="tag">cinéma</a>, <a href="/spip.php?mot3" rel="tag">film</a>, <a href="/spip.php?mot60" rel="tag">Langage</a> <img class='spip_logos' alt="" align="right" src="http://calamart.org/local/cache-vignettes/L124xH124/arton57-692a7.png" width='124' height='124' style='' /> <div class='rss_chapo'><p>Retranscription de textes de Claude Bailblé.</p></div> <div class='rss_texte'><h3>CHAMP et HORS-CHAMP <small>(a/spacial : in/off ; b/temporel : avant/après).</small></h3> <p>Ou comment moduler l'information visuelle...</p> <ul><li><strong>a/</strong> si le champ attentionnel = regard 5° (vision claire) + 40° (plan de front) + périphérique 160° (repérage) = est limité, nous ne voyons que le quart des apparences instantanément disponibles. <p> <br/></p> <ul> <li> <p><strong>1/ "le quart" des apparences</strong></p> <dl class='spip_document_36 spip_documents spip_documents_center'> <dt><img src='http://calamart.org/IMG/jpg/quart-apparences.jpg' width='500' height='93' alt='JPEG - 19.1 ko' style='' /></dt> </dl> <p> <strong>modulé par le champ-image</strong> (l'écran propose des largeurs de champ variables)</p> <dl class='spip_document_35 spip_documents spip_documents_center'> <dt><img src='http://calamart.org/IMG/jpg/champ-image.jpg' width='500' height='82' alt='JPEG - 22.3 ko' style='' /></dt> </dl> <p><strong>crée un off inversement proportionnel à la grosseur de plan</strong></p> <dl class='spip_document_34 spip_documents spip_documents_center'> <dt><img src='http://calamart.org/IMG/jpg/in-off.jpg' width='500' height='105' alt='JPEG - 24.4 ko' style='' /></dt> </dl></li> <p><br/></p> <li><strong>2/ <ul><li> le hors-champ d'interposition</strong> (obstacle matériel, rocher, meuble, voiture, groupe de personnes, mouvement d'un comédien, angle mort) <strong>masque une partie ou la totalité de l'info</strong>.</li> <li><strong>le hors-champ sensitométrique</strong> (l'ombre dense, la forme émergente, sous-ex, la nuit ...) <strong>laisse entrevoir ou imaginer</strong>.</li> <li><strong>le hors-champ des lointains</strong> (faible lisibilité des actions distantes) <strong>dissipe une incertitude...</strong></li> </ul></li> <p><br/></p> <li><strong>3/ la scène principale (épicentre de l'action) est ellipsée pour se raccorder :</strong><ul> <li><strong>au hors-champ contigu, plus ou moins vaste</strong> (le coin, la pièce, le hall, la rue, la plage) ;=>raccord par les mêmes fonds ou la même lumière, et la même ambiance sonore.</li> <li><strong>ou au hors-champ voisin</strong> (dehors/dedans, le rez-de-chaussée, la cave, la rue, le centre-ville, la banlieue...) ;=>raccord par une lumière voisine, un fond différent, une ambiance au niveau modifié.</li> <li><strong>et même au hors-champ éloigné</strong> (montage parallèle ; pendant ce temps, concomitamment, et, simultanément, à quelque distance) <strong>c'est-à-dire à d'autres épicentres narratifs</strong> ;=>raccord par un changement global (fonds, lumières, sons).</li> </ul> </ul> </li> <p><br/></p> <li> <p><strong>b/</strong> si une action peut se décomposer en différentes phases telles que :</p> <p>Préparations, accumulations, tension, affrontements, climax (infraction) résultat</p> <p>on peut y prélever certains instants décisifs (hautement indicatifs, inférentiels ou faiblement informatifs, ouverts à plusieurs hypothèses) et créer ainsi un hors-champ temporel (incertain, hypothétique ou assuré), un hors-champ aval dépassant l'instant présent tel que montré à l'écran par les configurations en mouvement (traits mobiles du visage, attitudes, gestes, déplacements).</p> <dl class='spip_document_33 spip_documents spip_documents_center'> <dt><img src='http://calamart.org/IMG/jpg/lisibilite_-flux.jpg' width='500' height='114' alt='JPEG - 40.1 ko' style='' /></dt> </dl></li> </ul></div> <div class='rss_ps'><p>Voir aussi :</p> <ol> <li><a href="http://calamart.org/spip.php?article51">NARRATIF</a></li> <li><a href="http://calamart.org/spip.php?article52">PROCESSUS</a></li> <li>CHAMP et HORS-CHAMP</li> <li><a href="http://calamart.org/spip.php?article66">CHAMP ET CONTRE-CHAMPS</a></li> </ol></div> http://calamart.org/spip.php?article56 http://calamart.org/spip.php?article56 2013-08-09T19:24:30Z text/html fr Steph sélection media internet web jeu <p>Une sélection de mes dix jeux en ligne gratuits préférés du moment.<br class='autobr' /> Kingdom Rush Heat Rush Gods Will Be Watching Ice Breaker Street Fighter 2 McDonald's Video Game Micro Olympics Adverputt et Wonderputt Coaster Racer et Coaster Racer 2 Knightmare Tower</p> - <a href="/spip.php?rubrique1" rel="directory">Archives</a> / <a href="/spip.php?mot12" rel="tag">sélection</a>, <a href="/spip.php?mot31" rel="tag">media</a>, <a href="/spip.php?mot42" rel="tag">internet</a>, <a href="/spip.php?mot43" rel="tag">web</a>, <a href="/spip.php?mot44" rel="tag">jeu</a> <img class='spip_logos' alt="" align="right" src="http://calamart.org/IMG/arton56.png" width='150' height='150' style='' /> <div class='rss_chapo'><p>Une sélection de mes dix jeux en ligne gratuits préférés du moment.</p></div> <div class='rss_texte'><ol> <li><a href="http://www.kongregate.com/games/Ironhidegames/kingdom-rush">Kingdom Rush</a><br/><span class='spip_document_23 spip_documents'> <a href="http://www.kongregate.com/games/Ironhidegames/kingdom-rush"><img src='http://calamart.org/local/cache-vignettes/L300xH257/kingdom-rush-26baf.jpg' width='300' height='257' alt="" style='' /></a></span></li> <p><br/></p> <li><a href="http://www.kongregate.com/games/LongAnimals/heat-rush">Heat Rush</a><br/><span class='spip_document_24 spip_documents'> <a href="http://www.kongregate.com/games/LongAnimals/heat-rush"><img src='http://calamart.org/local/cache-vignettes/L300xH225/heat-rush-20c71.jpg' width='300' height='225' alt="" style='' /></a></span></li> <p><br/></p> <li><a href="http://www.deconstructeam.com/games/gods-will-be-watching-fr/">Gods Will Be Watching</a><br/><span class='spip_document_32 spip_documents'> <a href="http://www.deconstructeam.com/games/gods-will-be-watching-fr/"><img src='http://calamart.org/local/cache-vignettes/L300xH202/gods-will-be-watching-6a442.jpg' width='300' height='202' alt="" style='' /></a></span></li> <p><br/></p> <li><a href="http://www.nitrome.com/games/icebreaker/#.UgTnlFNMtL8">Ice Breaker</a><br/><span class='spip_document_31 spip_documents'> <a href="http://www.nitrome.com/games/icebreaker/#.UgTnlFNMtL8"><img src='http://calamart.org/local/cache-vignettes/L300xH218/ice-breaker-f9065.jpg' width='300' height='218' alt="" style='' /></a></span></li> <p><br/></p> <li><a href="http://www.kongregate.com/games/GameTap/street-fighter-2-ce">Street Fighter 2</a><br/><span class='spip_document_30 spip_documents'> <a href="http://www.kongregate.com/games/GameTap/street-fighter-2-ce"><img src='http://calamart.org/local/cache-vignettes/L300xH173/street-fighter2-644a1.jpg' width='300' height='173' alt="" style='' /></a></span></li> <p><br/></p> <li><a href="http://www.mcvideogame.com/index-fra.html">McDonald's Video Game</a><br/><span class='spip_document_29 spip_documents'> <a href="http://www.mcvideogame.com/index-fra.html"><img src='http://calamart.org/local/cache-vignettes/L300xH234/mcdonalds-video-game-8cd74.jpg' width='300' height='234' alt="" style='' /></a></span></li> <p><br/></p> <li><a href="http://www.kongregate.com/games/microsheep/micro-olympics">Micro Olympics</a><br/><span class='spip_document_28 spip_documents'> <a href="http://www.kongregate.com/games/microsheep/micro-olympics"><img src='http://calamart.org/local/cache-vignettes/L300xH225/micro-olympics-516b0.jpg' width='300' height='225' alt="" style='' /></a></span></li> <p><br/></p> <li><a href="http://www.adverputt.com/">Adverputt</a> et <a href="http://www.dampgnat.com/wonderputt">Wonderputt</a><br/><span class='spip_document_27 spip_documents'> <a href="http://www.adverputt.com/"><img src='http://calamart.org/local/cache-vignettes/L300xH240/adverputt-506ed.jpg' width='300' height='240' alt="" style='' /></a></span></li> <p><br/></p> <li><a href="http://www.kongregate.com/games/LongAnimals/coaster-racer">Coaster Racer</a> et <a href="http://www.kongregate.com/games/LongAnimals/coaster-racer-2">Coaster Racer 2</a><br/><span class='spip_document_26 spip_documents'> <a href="http://www.kongregate.com/games/LongAnimals/coaster-racer"><img src='http://calamart.org/local/cache-vignettes/L300xH225/coaster-racer-f6486.jpg' width='300' height='225' alt="" style='' /></a></span></li> <p><br/></p> <li><a href="http://www.kongregate.com/games/JuicyBeast/knightmare-tower">Knightmare Tower</a><br/><span class='spip_document_25 spip_documents'> <a href="http://www.kongregate.com/games/JuicyBeast/knightmare-tower"><img src='http://calamart.org/local/cache-vignettes/L300xH196/knightmare-tower-b4b03.jpg' width='300' height='196' alt="" style='' /></a></span></li> <p><br/></p> </ol></div>