make all web pages smartphone compatible
[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   <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/cardu/">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>