+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
+ "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html>
+ <head>
+ <title>Petter Reinholdtsen: When web browser developers make a video player...</title>
+ <link rel="stylesheet" type="text/css" media="screen" href="style.css">
+ </head>
+ <body>
+
+ <div class="title">
+ <h1>
+ <a href="">Petter Reinholdtsen</a>
+
+ </h1>
+
+ </div>
+
+
+ <div class="entry">
+ <div class="title">When web browser developers make a video player...</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 id="sidebar">
+
+<h2>Archive</h2>
+<ul>
+
+<li>2009
+<ul>
+
+<li><a href="archive/2009/01/">January (4)</a></li>
+
+</ul></li>
+
+<li>2008
+<ul>
+
+<li><a href="archive/2008/11/">November (5)</a></li>
+
+<li><a href="archive/2008/12/">December (7)</a></li>
+
+</ul></li>
+
+</ul>
+
+
+
+<h2>Tags</h2>
+<ul>
+
+ <li><a href="tags/3d-printer">3d-printer (6)</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 (2)</a></li>
+
+ <li><a href="tags/debian edu">debian edu (3)</a></li>
+
+ <li><a href="tags/english">english (4)</a></li>
+
+ <li><a href="tags/fiksgatami">fiksgatami (1)</a></li>
+
+ <li><a href="tags/ltsp">ltsp (1)</a></li>
+
+ <li><a href="tags/multimedia">multimedia (2)</a></li>
+
+ <li><a href="tags/norsk">norsk (12)</a></li>
+
+ <li><a href="tags/nuug">nuug (11)</a></li>
+
+ <li><a href="tags/personvern">personvern (1)</a></li>
+
+ <li><a href="tags/reprap">reprap (6)</a></li>
+
+ <li><a href="tags/rss">rss (1)</a></li>
+
+ <li><a href="tags/stavekontroll">stavekontroll (1)</a></li>
+
+ <li><a href="tags/video">video (2)</a></li>
+
+ <li><a href="tags/web">web (2)</a></li>
+
+</ul>
+
+</div>
+ </body>
+</html>
projects / homepage.git / commitdiff