931d1e7efb06bf024a990e0d23e0cbfdf06c66f4
[booh] / 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 <script type="text/javascript">
8 /* <![CDATA[ */
9     (function() {
10         var s = document.createElement('script'), t = document.getElementsByTagName('script')[0];
11         
12         s.type = 'text/javascript';
13         s.async = true;
14         s.src = 'http://api.flattr.com/js/0.5.0/load.js?mode=auto';
15         
16         t.parentNode.insertBefore(s, t);
17     })();
18 /* ]]> */
19 </script>
20 </head>
21
22 <body bgcolor="#FFFFFF" text="#000000" link="#0000ee" vlink="#551a8b" style="padding: 0em 3em; text-align: justify">
23
24    <table width="100%">
25      <tr>
26        <td width="25%" align="left" valign="top">
27          <a class="FlattrButton" style="display:none;" rev="flattr;button:compact;" href="http://booh.org/"></a>
28        </td>
29        <td width="50%" align="center">
30          <img src="images/logo.png" alt="booh logo"/>
31        </td>
32        <td width="25%" align="right" valign="top">
33          <a href="video-demo.html"><img src="images/en.png" alt="this page in english"/></a>
34          <img src="images/fr.png" alt="cette page est en français"/>
35        </td>
36      </tr>
37    </table>
38
39    <h1 align="center">Booh</h1>
40
41    <p align="center">[ <a href="index.fr.html">page principale</a> |
42                        <a href="themes/cardu/">exemple de web-album</a> |
43                        démo vidéo |
44                        <a href="tutorial.fr.html">tutoriel</a> |
45                        <a href="advanced.fr.html">advanced</a> |
46                        <a href="discuss.fr.html">discussion</a> |
47                        <a href="download.fr.html">téléchargement</a> ]</p>
48
49    <h2>Démo vidéo de Booh</h2>
50
51    <p>
52       Afin de proposer une première approche de Booh pour les débutants,
53       une courte vidéo (6 minutes) montrant comment utiliser Booh pour
54       créer un web-album simple est disponible ci-dessous.
55    </p>
56
57
58
59    <p align="center">
60      <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>
61    </p>
62
63
64
65    <p>
66      Vous pouvez aussi éventuellement <a href="demo-booh-beginners-fr-xvid.avi">télécharger la vidéo originale</a>,
67      en résolution plus grande (les polices y sont lisibles) (XviD, 4.1 Mo).
68    </p>
69
70    <p>Note : apparemment cette vidéo assez grande (800 pixels de large) déclenche
71      une erreur X dans Xv avec certaines versions des bibliothèques de X. Dans ce
72      cas-là, désactivez Xv (utilisez <tt>-vo x11</tt> avec mplayer).</p>
73
74
75
76    <h3>Détails techniques</h3>
77
78    <p>
79       J'ai utilisé <a href="http://xvidcap.sourceforge.net/">xvidcap</a> pour capturer
80       les images, <a
81       href="http://www.mplayerhq.hu">mencoder</a> pour convertir en XviD, <a
82       href="http://audacity.sourceforge.net/">audacity</a> pour enregistrer
83       ma voix dans le micro, <a
84       href="http://lame.sourceforge.net/">lame</a> pour convertir le son
85       en mp3, <a
86       href="http://www.transcoding.org/cgi-bin/transcode?Avimerge">avimerge</a>
87       pour ajouter le son à la vidéo.
88    </p>
89
90    <p>
91      Théoriquement xvidcap peut créer une vidéo directement, et même avec
92      un enregistrement sonore, mais il plante sur ma cooker et je n'ai pas
93      réussi à corriger ce problème.
94    </p>
95     
96
97
98 <p align="right"><font size="-1">Fri May 30 16:58:15 2008</font></p>
99
100 </body>
101
102 </html>