</div>
</div>
+<div class="padding"></div>
+
+<div class="entry">
+ <div class="title">
+ <a href="../../When_web_browser_developers_make_a_video_player___.html">When web browser developers make a video player...</a>
+ </div>
+ <div class="date">
+ 2009-01-17 18:50
+ </div>
+
+ <div class="body">
+
+<p>As part of the work we do in <a href="http://www.nuug.no">NUUG</a>
+to publish video recordings of our monthly presentations, we provide a
+page with embedded video for easy access to the recording. Putting a
+good set of HTML tags together to get working embedded video in all
+browsers and across all operating systems is not easy. I hope this
+will become easier when the <video> tag is implemented in all
+browsers, but I am not sure. We provide the recordings in several
+formats, MPEG1, Ogg Theora, H.264 and Quicktime, and want the
+browser/media plugin to pick one it support and use it to play the
+recording, using whatever embed mechanism the browser understand.
+There is at least four different tags to use for this, the new HTML5
+<video> tag, the <object> tag, the <embed> tag and
+the <applet> tag. All of these take a lot of options, and
+finding the best options is a major challenge.</p>
+
+<p>I just tested the experimental Opera browser available from <a
+href="http://labs.opera.com">labs.opera.com</a>, to see how it handled
+a <video> tag with a few video sources and no extra attributes.
+I was not very impressed. The browser start by fetching a picture
+from the video stream. Not sure if it is the first frame, but it is
+definitely very early in the recording. So far, so good. Next,
+instead of streaming the 76 MiB video file, it start to download all
+of it, but do not start to play the video. This mean I have to wait
+for several minutes for the downloading to finish. When the download
+is done, the playing of the video do not start! Waiting for the
+download, but I do not get to see the video? Some testing later, I
+discover that I have to add the controls="true" attribute to be able
+to get a play button to pres to start the video. Adding
+autoplay="true" did not help. I sure hope this is a misfeature of the
+test version of Opera, and that future implementations of the
+<video> tag will stream recordings by default, or at least start
+playing when the download is done.</p>
+
+<p>The test page I used (since changed to add more attributes) is
+<a href="http://www.nuug.no/aktiviteter/20090113-foredrag-om-foredrag/">available
+from the nuug site</a>. Will have to test it with the new Firefox
+too.</p>
+
+<p>In the test process, I discovered a missing feature. I was unable
+to find a way to get the URL of the playing video out of Opera, so I
+am not quite sure it picked the Ogg Theora version of the video. I
+sure hope it was using the announced Ogg Theora support. :)</p>
+
+ </div>
+ <div class="tags">
+
+
+
+ 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>.
+
+ </div>
+</div>
<div class="padding"></div>
<p style="text-align: right;"><a href="web.rss"><img src="../../xml.gif" alt="RSS Feed" width="36" height="14"></a></p>
<h2>Archive</h2>
<ul>
+<li>2009
+<ul>
+
+<li><a href="../../archive/2009/01/">January (8)</a></li>
+
+<li><a href="../../archive/2009/02/">February (8)</a></li>
+
+</ul></li>
+
<li>2008
<ul>
-<li><a href="../../archive/2008/11/">November (3)</a></li>
+<li><a href="../../archive/2008/11/">November (5)</a></li>
+
+<li><a href="../../archive/2008/12/">December (7)</a></li>
</ul></li>
<h2>Tags</h2>
<ul>
- <li><a href="../../tags/3d-printer">3d-printer (1)</a></li>
+ <li><a href="../../tags/3d-printer">3d-printer (7)</a></li>
+
+ <li><a href="../../tags/amiga">amiga (1)</a></li>
+
+ <li><a href="../../tags/aros">aros (1)</a></li>
+
+ <li><a href="../../tags/debian">debian (3)</a></li>
- <li><a href="../../tags/debian">debian (1)</a></li>
+ <li><a href="../../tags/debian edu">debian edu (4)</a></li>
- <li><a href="../../tags/debian edu">debian edu (1)</a></li>
+ <li><a href="../../tags/english">english (6)</a></li>
- <li><a href="../../tags/english">english (1)</a></li>
+ <li><a href="../../tags/fiksgatami">fiksgatami (1)</a></li>
- <li><a href="../../tags/multimedia">multimedia (1)</a></li>
+ <li><a href="../../tags/ltsp">ltsp (1)</a></li>
- <li><a href="../../tags/norsk">norsk (2)</a></li>
+ <li><a href="../../tags/multimedia">multimedia (2)</a></li>
- <li><a href="../../tags/nuug">nuug (1)</a></li>
+ <li><a href="../../tags/norsk">norsk (22)</a></li>
- <li><a href="../../tags/reprap">reprap (1)</a></li>
+ <li><a href="../../tags/nuug">nuug (20)</a></li>
+
+ <li><a href="../../tags/personvern">personvern (3)</a></li>
+
+ <li><a href="../../tags/reprap">reprap (7)</a></li>
<li><a href="../../tags/rss">rss (1)</a></li>
- <li><a href="../../tags/web">web (1)</a></li>
+ <li><a href="../../tags/stavekontroll">stavekontroll (1)</a></li>
+
+ <li><a href="../../tags/video">video (3)</a></li>
+
+ <li><a href="../../tags/web">web (2)</a></li>
</ul>
projects / homepage.git / blobdiff