blog/tags/video/index.html

   1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
   2         "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
   3 <html>
   4  <head>
   5   <title>Petter Reinholdtsen: Entries Tagged video</title>
   6   <link rel="stylesheet" type="text/css" media="screen" href="../../style.css">
   7   <link rel="alternate" title="RSS Feed" href="video.rss" type="application/rss+xml">
   8  </head>
   9  <body>
  10
  11  <div class="title">
  12   <h1>
  13        <a href="../../">Petter Reinholdtsen</a>
  14
  15   </h1>
  16
  17  </div>
  18
  19  <p>Entries tagged "video".</p>
  20
  21
  22
  23
  24 <div class="entry">
  25  <div class="title">
  26  <a href="../../Software_video_mixer_on_a_USB_stick.html">Software video mixer on a USB stick</a>
  27  </div>
  28  <div class="date">
  29   2008-12-28 15:40
  30  </div>
  31
  32  <div class="body">
  33
  34 <p>The <a href="http://www.nuug.no/">Norwegian Unix User Group</a> is
  35 recording our montly presentation on video, and recently we have
  36 worked on improving the quality of the recordings by mixing the slides
  37 directly with the video stream.  For this, we use the
  38 <a href="http://dvswitch.alioth.debian.org/">dvswitch</a> package from
  39 the Debian video team.  As this require quite one computer per video
  40 source, and NUUG do not have enough laptops available, we need to
  41 borrow laptops.  And to avoid having to install extra software on
  42 these borrwed laptops, I have wrapped up all the programs needed on a
  43 bootable USB stick.  The software required is dvswitch with assosiated
  44 source, sink and mixer applications and
  45 <a href="http://www.kinodv.org/">dvgrab</a>.  To allow this setup to
  46 work without any configuration, I've patched dvswitch to use
  47 <a href="http://www.avahi.org/">avahi</a> to connect the various parts
  48 together.  And to allow us to use laptops without firewire plugs, I
  49 upgraded dvgrab to the one from Debian/unstable to get one that work
  50 with USB sources.  We have not yet tested this setup in a production
  51 setup, but I hope it will work properly, and allow us to set up a
  52 video mixer in a very short time frame.  We will need it for
  53 <a href="http://www.goopen.no/">Go Open 2009</a>.</p>
  54
  55 <p><a href="http://www.nuug.no/pub/video/bin/usbstick-dvswitch.img.gz">The
  56 USB image</a> is for a 1 GB memory stick, but can be used on any
  57 larger stick as well.</p>
  58
  59  </div>
  60  <div class="tags">
  61
  62
  63
  64   Tags: <a href="../../tags/english">english</a>, <a href="../../tags/nuug">nuug</a>, <a href="../../tags/video">video</a>.
  65
  66  </div>
  67 </div>
  68 <div class="padding"></div>
  69
  70 <div class="entry">
  71  <div class="title">
  72  <a href="../../When_web_browser_developers_make_a_video_player___.html">When web browser developers make a video player...</a>
  73  </div>
  74  <div class="date">
  75   2009-01-17 18:50
  76  </div>
  77
  78  <div class="body">
  79
  80 <p>As part of the work we do in <a href="http://www.nuug.no">NUUG</a>
  81 to publish video recordings of our monthly presentations, we provide a
  82 page with embedded video for easy access to the recording.  Putting a
  83 good set of HTML tags together to get working embedded video in all
  84 browsers and across all operating systems is not easy.  I hope this
  85 will become easier when the &lt;video&gt; tag is implemented in all
  86 browsers, but I am not sure.  We provide the recordings in several
  87 formats, MPEG1, Ogg Theora, H.264 and Quicktime, and want the
  88 browser/media plugin to pick one it support and use it to play the
  89 recording, using whatever embed mechanism the browser understand.
  90 There is at least four different tags to use for this, the new HTML5
  91 &lt;video&gt; tag, the &lt;object&gt; tag, the &lt;embed&gt; tag and
  92 the &lt;applet&gt; tag.  All of these take a lot of options, and
  93 finding the best options is a major challenge.</p>
  94
  95 <p>I just tested the experimental Opera browser available from <a
  96 href="http://labs.opera.com">labs.opera.com</a>, to see how it handled
  97 a &lt;video&gt; tag with a few video sources and no extra attributes.
  98 I was not very impressed.  The browser start by fetching a picture
  99 from the video stream.  Not sure if it is the first frame, but it is
 100 definitely very early in the recording.  So far, so good. Next,
 101 instead of streaming the 76 MiB video file, it start to download all
 102 of it, but do not start to play the video.  This mean I have to wait
 103 for several minutes for the downloading to finish.  When the download
 104 is done, the playing of the video do not start!  Waiting for the
 105 download, but I do not get to see the video?  Some testing later, I
 106 discover that I have to add the controls="true" attribute to be able
 107 to get a play button to pres to start the video.  Adding
 108 autoplay="true" did not help.  I sure hope this is a misfeature of the
 109 test version of Opera, and that future implementations of the
 110 &lt;video&gt; tag will stream recordings by default, or at least start
 111 playing when the download is done.</p>
 112
 113 <p>The test page I used (since changed to add more attributes) is
 114 <a href="http://www.nuug.no/aktiviteter/20090113-foredrag-om-foredrag/">available
 115 from the nuug site</a>.  Will have to test it with the new Firefox
 116 too.</p>
 117
 118 <p>In the test process, I discovered a missing feature.  I was unable
 119 to find a way to get the URL of the playing video out of Opera, so I
 120 am not quite sure it picked the Ogg Theora version of the video.  I
 121 sure hope it was using the announced Ogg Theora support. :)</p>
 122
 123  </div>
 124  <div class="tags">
 125
 126
 127
 128   Tags: <a href="../../tags/english">english</a>, <a href="../../tags/multimedia">multimedia</a>, <a href="../../tags/nuug">nuug</a>, <a href="../../tags/video">video</a>, <a href="../../tags/web">web</a>.
 129
 130  </div>
 131 </div>
 132 <div class="padding"></div>
 133
 134  <p style="text-align: right;"><a href="video.rss"><img src="../../xml.gif" alt="RSS Feed" width="36" height="14"></a></p>
 135
 136
 137
 138
 139 <div id="sidebar">
 140
 141 <h2>Archive</h2>
 142 <ul>
 143
 144 <li>2009
 145 <ul>
 146
 147 <li><a href="../../archive/2009/01/">January (7)</a></li>
 148
 149 </ul></li>
 150
 151 <li>2008
 152 <ul>
 153
 154 <li><a href="../../archive/2008/11/">November (5)</a></li>
 155
 156 <li><a href="../../archive/2008/12/">December (7)</a></li>
 157
 158 </ul></li>
 159
 160 </ul>
 161
 162
 163
 164 <h2>Tags</h2>
 165 <ul>
 166
 167  <li><a href="../../tags/3d-printer">3d-printer (6)</a></li>
 168
 169  <li><a href="../../tags/amiga">amiga (1)</a></li>
 170
 171  <li><a href="../../tags/aros">aros (1)</a></li>
 172
 173  <li><a href="../../tags/debian">debian (2)</a></li>
 174
 175  <li><a href="../../tags/debian edu">debian edu (3)</a></li>
 176
 177  <li><a href="../../tags/english">english (4)</a></li>
 178
 179  <li><a href="../../tags/fiksgatami">fiksgatami (1)</a></li>
 180
 181  <li><a href="../../tags/ltsp">ltsp (1)</a></li>
 182
 183  <li><a href="../../tags/multimedia">multimedia (2)</a></li>
 184
 185  <li><a href="../../tags/norsk">norsk (15)</a></li>
 186
 187  <li><a href="../../tags/nuug">nuug (14)</a></li>
 188
 189  <li><a href="../../tags/personvern">personvern (1)</a></li>
 190
 191  <li><a href="../../tags/reprap">reprap (6)</a></li>
 192
 193  <li><a href="../../tags/rss">rss (1)</a></li>
 194
 195  <li><a href="../../tags/stavekontroll">stavekontroll (1)</a></li>
 196
 197  <li><a href="../../tags/video">video (2)</a></li>
 198
 199  <li><a href="../../tags/web">web (2)</a></li>
 200
 201 </ul>
 202
 203 </div>
 204 </body>
 205 </html>