git.zarb.org Git - booh/blob - www/video-demo.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 - The Web-Album of choice for discriminating Linux users</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 @media all and (orientation: landscape) {
  14     body {
  15         margin-left: 15%;
  16         margin-right: 15%;
  17     }
  18 }
  19 </style>
  20 </head>
  21
  22 <body bgcolor="#FFFFFF" text="#000000" link="#0000ee" vlink="#551a8b">
  23
  24    <table width="100%" cellspacing="0" cellpadding="0">
  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          <div style="display:inline-block; margin-bottom:0.2em"><img src="images/en.png" alt="this page is in english"/></div>
  34          <div style="display:inline-block"><a href="video-demo.fr.html"><img src="images/fr.png" alt="cette page en français"/></a></div>
  35        </td>
  36      </tr>
  37    </table>
  38
  39    <h1 align="center">Booh</h1>
  40
  41    <p align="center">[ <a href="index.html">home</a> |
  42                        <a href="themes/cardu/">example web-album</a> |
  43                        video demo |
  44                        <a href="tutorial.html">tutorial</a> |
  45                        <a href="advanced.html">advanced</a> |
  46                        <a href="discuss.html">discuss</a> |
  47                        <a href="download.html">download</a> ]</p>
  48
  49    <h2>Video demo of Booh</h2>
  50
  51    <p>
  52       In order to provide an exciting preview of Booh for beginners, a
  53       short video (6 minutes) showing how to use Booh to create a
  54       simple web-album is available below. Notice:
  55       the <b>booh-classifier</b> companion application, a tool for
  56       batch deleting/copying/moving around images/videos, is not yet
  57       present in this video.
  58    </p>
  59
  60
  61
  62    <p align="center">
  63      <object width="600" height="495"><param name="movie" value="http://www.youtube.com/v/SN5xDR_YPdY"></param><param name="wmode" value="transparent"></param><embed src="http://www.youtube.com/v/SN5xDR_YPdY" type="application/x-shockwave-flash" wmode="transparent" width="600" height="495"></embed></object>
  64    </p>
  65
  66
  67
  68    <p>
  69      You may also want to <a href="demo-booh-beginners-en-xvid.avi">download the original video</a>, with higher resolution (fonts are actually readable there) (XviD, 3.9 Mbytes <font size="-1">- <a href="demo-booh-beginners-en-xvid.mpsub">subtitles</a></font>).
  70    </p>
  71
  72    <p>Use the provided subtitles for the english version since
  73    you will hear I'm not a native english speaker.</p>
  74
  75    <p>Note: it seems that this rather large video (800 pixels of
  76    width) triggers an X error in Xv with some version of the X
  77    libraries. In such a case, disable Xv (use <tt>-vo x11</tt>
  78    with mplayer).</p>
  79
  80
  81
  82    <h3>Technical details</h3>
  83
  84    <p>
  85       I used <a href="http://xvidcap.sourceforge.net/">xvidcap</a> to
  86       capture the frames, <a
  87       href="http://www.mplayerhq.hu">mencoder</a> to convert the
  88       frames to XviD, <a
  89       href="http://audacity.sourceforge.net/">audacity</a> to record
  90       my voice in the micro, <a
  91       href="http://lame.sourceforge.net/">lame</a> to convert the audio
  92       to mp3, <a
  93       href="http://www.transcoding.org/cgi-bin/transcode?Avimerge">avimerge</a>
  94       to add the audio to the video.
  95    </p>
  96
  97    <p>
  98      Theoretically xvidcap can create a video directly, even with voice in
  99      it, but it will segfault on my cooker and I could not fix it.
 100    </p>
 101
 102
 103
 104 <p align="right"><font size="-1">Fri May 30 16:58:15 2008</font></p>
 105
 106 </body>
 107
 108 </html>