don't panic https://mbien.dev/blog/feed/entries/atom 2024-08-24T07:57:58+00:00 Apache Roller https://mbien.dev/blog/entry/using_applets_as_fallback_mode mbien 2009-06-23T19:04:52+00:00 2020-04-09T10:06:45+00:00

<p> The upcoming html5 standard will make it very easy to embed media of not proprietary formats in webpages. For example <a href="http://www.whatwg.org/specs/web-apps/current-work/#video">video</a> can be embedded in the same way you would probably do it with an image. But what happens when your browser does not support html5 yet? </p> <p> Firstly: don't panic! Secondly: you could consider using for example the <b>256kb</b> large <a href="http://maikmerten.livejournal.com/tag/cortado">cortado applet</a> as fallback mode, since pre html5 browsers will ignore unknown tags like the video tag they will still read the object tag. Using an applet as cross platform fallback mode for playing e.g. <a href="http://www.theora.org/">theora</a> encoded hd movies is therefore fairly easy - <b>you even don't have to convert the video to an other format</b>. </p>

<p> The upcoming html5 standard will make it very easy to embed media of not proprietary formats in webpages. For example <a href="http://www.whatwg.org/specs/web-apps/current-work/#video">video</a> can be embedded in the same way you would probably do it with an image. But what happens when your browser does not support html5 yet? </p> <p> Firstly: don't panic! Secondly: you could consider using for example the <b>256kb</b> large <a href="http://maikmerten.livejournal.com/tag/cortado">cortado applet</a> as fallback mode, since pre html5 browsers will ignore unknown tags like the video tag they will still read the object tag. Using an applet as cross platform fallback mode for playing e.g. <a href="http://www.theora.org/">theora</a> encoded hd movies is therefore fairly easy - <b>you even don't have to convert the video to an other format</b>. </p> <h4>source</h4> <pre><code class="language-xml"> &lt;video width="320" height="240" controls&gt; &lt;source src="video.ogg" type="video/ogg"&gt; &lt;object width="320" height="240" type="application/x-java-applet"&gt; Your browser does not support the &lt;code&gt;video&lt;/code&gt; element and also does not support java applets. You can download the movie on http://www.bigbuckbunny.org/. &lt;param name="archive" value="my/host/cortado.jar" /&gt; &lt;param name="code" value="com.fluendo.player.Cortado.class" /&gt; &lt;param name="url" value="video.ogg" /&gt; &lt;/object&gt; &lt;/source&gt; &lt;/video&gt; </code></pre> <h4>400p Big Buck Bunny trailer [<a href="http://www.bigbuckbunny.org/">link</a>]</h4> <video width="640" height="480" controls> <source src="https://download.blender.org/peach/trailer/trailer_400p.ogg" type="video/ogg"> <object width="640" height="480" type="application/x-java-applet"> Your browser does not support the <code>video</code> element and also does not support java applets. You can download the movie on http://www.bigbuckbunny.org/. <param name="archive" value="http://people.fh-landshut.de/~mbien/cortado/cortado.jar" /> <param name="code" value="com.fluendo.player.Cortado.class" /> <param name="url" value="https://download.blender.org/peach/trailer/trailer_400p.ogg" /> </object> </video> <p> happy coding! </p>