git.zarb.org Git - booh/blob - www/video-demo.fr.html

   1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
   2 <html xmlns="http://www.w3.org/1999/xhtml">
   3
   4 <head>
   5   <title>Booh - Le Web-Album de choix pour les utilisateurs de Linux distingués</title>
   6   <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
   7   <meta name="viewport" content="width=device-width"/>
   8 <style type="text/css">
   9 body {
  10         font-family: Verdana, Arial, Helvetica, sans-serif, monospace;
  11         text-align: justify;
  12 }
  13 pre { background-color: #e0e0e0; }
  14 tt { background-color: #e0e0e0; }
  15 @media all and (orientation: landscape) {
  16     body {
  17         margin-left: 15%;
  18         margin-right: 15%;
  19     }
  20 }
  21 </style>
  22 </head>
  23
  24 <body bgcolor="#FFFFFF" text="#000000" link="#0000ee" vlink="#551a8b">
  25
  26    <table width="100%">
  27      <tr>
  28        <td width="25%" align="left" valign="top">
  29          <a class="FlattrButton" style="display:none;" rev="flattr;button:compact;" href="http://booh.org/"></a>
  30        </td>
  31        <td width="50%" align="center">
  32          <img src="images/logo.png" alt="booh logo"/>
  33        </td>
  34        <td width="25%" align="right" valign="top">
  35          <div style="display:inline-block; margin-bottom:0.2em"><a href="video-demo.html"><img src="images/en.png" alt="this page in english"/></a></div>
  36          <div style="display:inline-block"><img src="images/fr.png" alt="cette page est en français"/></div>
  37        </td>
  38      </tr>
  39    </table>
  40
  41    <h1 align="center">Booh</h1>
  42
  43    <p align="center">[ <a href="index.fr.html">page principale</a> |
  44                        <a href="themes/gradient/">exemple de web-album</a> |
  45                        démo vidéo |
  46                        <a href="tutorial.fr.html">tutoriel</a> |
  47                        <a href="advanced.fr.html">advanced</a> |
  48                        <a href="discuss.fr.html">discussion</a> |
  49                        <a href="download.fr.html">téléchargement</a> ]</p>
  50
  51    <h2>Démo vidéo de Booh</h2>
  52
  53    <p>
  54       Afin de proposer une première approche de Booh pour les débutants,
  55       une courte vidéo (6 minutes) montrant comment utiliser Booh pour
  56       créer un web-album simple est disponible ci-dessous.
  57    </p>
  58
  59
  60
  61    <p align="center">
  62      <object width="600" height="495"><param name="movie" value="http://www.youtube.com/v/medSYJjtGsc"></param><param name="wmode" value="transparent"></param><embed src="http://www.youtube.com/v/medSYJjtGsc" type="application/x-shockwave-flash" wmode="transparent" width="600" height="495"></embed></object>
  63    </p>
  64
  65
  66
  67    <p>
  68      Vous pouvez aussi éventuellement <a href="demo-booh-beginners-fr-xvid.avi">télécharger la vidéo originale</a>,
  69      en résolution plus grande (les polices y sont lisibles) (XviD, 4.1 Mo).
  70    </p>
  71
  72    <p>Note : apparemment cette vidéo assez grande (800 pixels de large) déclenche
  73      une erreur X dans Xv avec certaines versions des bibliothèques de X. Dans ce
  74      cas-là, désactivez Xv (utilisez <tt>-vo x11</tt> avec mplayer).</p>
  75
  76
  77
  78    <h3>Détails techniques</h3>
  79
  80    <p>
  81       J'ai utilisé <a href="http://xvidcap.sourceforge.net/">xvidcap</a> pour capturer
  82       les images, <a
  83       href="http://www.mplayerhq.hu">mencoder</a> pour convertir en XviD, <a
  84       href="http://audacity.sourceforge.net/">audacity</a> pour enregistrer
  85       ma voix dans le micro, <a
  86       href="http://lame.sourceforge.net/">lame</a> pour convertir le son
  87       en mp3, <a
  88       href="http://www.transcoding.org/cgi-bin/transcode?Avimerge">avimerge</a>
  89       pour ajouter le son à la vidéo.
  90    </p>
  91
  92    <p>
  93      Théoriquement xvidcap peut créer une vidéo directement, et même avec
  94      un enregistrement sonore, mais il plante sur ma cooker et je n'ai pas
  95      réussi à corriger ce problème.
  96    </p>
  97
  98
  99
 100 <p align="right"><font size="-1">Fri May 30 16:58:15 2008</font></p>
 101
 102 </body>
 103
 104 </html>