https://www.enodev.fr/enTue, 16 Jan 2024 22:07:06 GMTNikola (getnikola.com)http://blogs.law.harvard.edu/tech/rsshttps://www.enodev.fr/posts/time-lapse-de-fleurs-de-safran.htmlChristophe Vu-Brugier<p>Mi octobre, j'ai eu le plaisir d'assister à l'ouverture des fleurs de safran (<em><a href="https://fr.wikipedia.org/wiki/Crocus_sativus">Crocus sativus</a></em>) dans le potager de mes parents. L'occasion était belle de fixer sur la <del>pellicule</del> carte SD les étapes de la floraison pour en faire un time-lapse.</p> <video id="crocus-video" controls> <source src="https://www.enodev.fr/videos/fleurs-safran-timelapse-HD.mp4" type="video/mp4"> </source></video> <p>Cette vidéo accélérée 1500 fois a été réalisée en prenant une image toutes les 5 minutes puis en générant une vidéo qui fait défiler 5 images par seconde.</p> <p>Pour réaliser la vidéo, j'ai employé deux logiciels en ligne de commande : <a href="https://www.imagemagick.org/">ImageMagick</a> et <a href="https://www.ffmpeg.org/">ffmpeg</a>. ImageMagick a permis de recadrer, redimensionner et légender chaque image tandis que ffmpeg a été utilisé pour combiner les images en une vidéo au format H.264.</p> <h2>Recadrage et redimensionnement</h2> <p>Au moment de la prise de vue, j'ai oublié de configurer mon appareil photo pour prendre des clichés aux dimensions de la vidéo finale : 1920×1080 pixels. J'ai donc enregistré des images dont les dimensions étaient trop grandes : 4608×3456 pixels (ratio ⁴⁄₃). Il a fallu recadrer et réduire chaque image à sa dimension finale : 1920×1080 pixels (ratio ¹⁶⁄₉).</p> <p><img alt="Recadrage et redimensionnement" class="img-fluid" src="https://www.enodev.fr/images/safran-recadrage-redimensionnement.jpg"></p> <p>Les deux étapes de recadrage et de redimensionnement ont été réalisées par une seule commande <code>convert</code> en utilisant les options <code>-crop</code> et <code>-resize</code> :</p> <div class="code"><pre class="code literal-block"><span class="gp">$ </span>convert<span class="w"> </span>-crop<span class="w"> </span>3840x2160+0+1130<span class="w"> </span>-resize<span class="w"> </span><span class="m">50</span>%<span class="w"> </span>source.jpg<span class="w"> </span>destination.jpg </pre></div> <p>Cet appel à la commande <code>convert</code> recadre d'abord l'image aux dimensions 3840×2160 en décalant le cadre de 1130 pixels vers le bas (et 0 pixel vers la droite) puis divise ses dimensions par deux pour aboutir à une image de 1920×1080 pixels.</p> <h2>Extraction de l'heure de prise de vue et ajout de la légende</h2> <p>J'ai extrait la date et l'heure de la prise de vue pour chaque image avec le programme <code>exiftool</code> :</p> <div class="code"><pre class="code literal-block"><span class="gp">$ </span>exiftool<span class="w"> </span>-DateTimeOriginal<span class="w"> </span>image.jpg <span class="go">Date/Time Original : 2016:10:17 08:37:09</span> </pre></div> <p>Ensuite, j'ai utilisé la commande <code>convert</code> pour ajouter une <em>undercolor box</em> qui contient la légende.</p> <p><img alt="Ajout d'un légende" class="img-fluid" src="https://www.enodev.fr/images/safran-legende.jpg"></p> <div class="code"><pre class="code literal-block"><span class="gp">$ </span>convert<span class="w"> </span>source.jpg<span class="w"> </span>-pointsize<span class="w"> </span><span class="m">50</span><span class="w"> </span>-font<span class="w"> </span>Inconsolata<span class="w"> </span>-fill<span class="w"> </span>white<span class="w"> </span>-undercolor<span class="w"> </span><span class="s1">'#00000080'</span><span class="w"> </span>-annotate<span class="w"> </span>+8+50<span class="w"> </span><span class="s2">" Légende "</span><span class="w"> </span>destination.jpg </pre></div> <p>La légende est écrite en caractères blancs (<code>-fill white</code>) de 50 points de hauteur (<code>-pointsize 50</code>), dans une police à chasse fixe (<code>-font Inconsolata</code>). Un fond noir en semi transparence (<code>-undercolor '#00000080'</code>) augmente la lisibilité.</p> <h2>Création de la vidéo au format H.264 à partir des images</h2> <p>La dernière étape a consisté à combiner les images en une vidéo avec <a href="https://trac.ffmpeg.org/wiki/Slideshow">ffmpeg</a>.</p> <div class="code"><pre class="code literal-block"><span class="gp">$ </span>ffmpeg<span class="w"> </span>-framerate<span class="w"> </span><span class="m">5</span>/1<span class="w"> </span>-i<span class="w"> </span>image-%03d.jpg<span class="w"> </span>-c:v<span class="w"> </span>libx264<span class="w"> </span>-pix_fmt<span class="w"> </span>yuv420p<span class="w"> </span>-r<span class="w"> </span><span class="m">30</span><span class="w"> </span>video.mp4 </pre></div> <p>Les images défilent au rythme de cinq par seconde (<code>-framerate 5/1</code>) et le codec vidéo choisi est x264 pour coder un flux vidéo H.264 (<code>-c:v libx264</code>). J'ai du contraindre le <em>pixel format</em> avec <code>-pix_fmt yuv420p</code> parce que Firefox 45 considère que la vidéo est corrompue quand le <em>pixel format</em> par défaut (yuv422p) est employé.</p>ffmpegImageMagickphototime-lapsehttps://www.enodev.fr/posts/time-lapse-de-fleurs-de-safran.htmlTue, 01 Nov 2016 15:00:00 GMT