Difference between revisions of "Sandbox"

The projects and contributions area at dekalborama.com
Line 89: Line 89:
<div id="mediaplayer">JW Player goes here</div>
<div id="mediaplayer">JW Player goes here</div>
<p>
<p>
<script type="text/javascript" src="jwplayer/jwplayer.js"></script>
<script type="text/javascript" src="extensions/HTML5video/jwplayer/jwplayer.js"></script>
<script type="text/javascript">
<script type="text/javascript">
jwplayer("mediaplayer").setup({
jwplayer("mediaplayer").setup({
flashplayer: "jwplayer/player.swf",
flashplayer: "extensions/HTML5video/jwplayer/jwplayer/player.swf",
file: "jwplayer/video.mp4",
file: "extensions/HTML5video/videos/Relache_039_Dance.flv",
image: "jwplayer/preview.jpg"
  image: "jwplayer/preview.jpg"
 
});
});
</script>
</script>
Line 104: Line 105:
First an MPEG 4 file:
First an MPEG 4 file:


<mediaplayer width='320' height='240' autostart='false'>File:Relache_039_Dance.mp4</mediaplayer>
<mediaplayer width='320' height='240' autostart='false' id='0'>File:Relache_039_Dance.mp4</mediaplayer>


Then Flash:
Then Flash:


<mediaplayer width='320' height='240' autostart='false'>File:Relache_039_Dance.flv</mediaplayer>
<mediaplayer width='320' height='240' autostart='false' id='1'>File:Relache_039_Dance.flv</mediaplayer>
===Last resort===
===Last resort===
Well, there's always [http://dekalborama.com/mediawiki/extensions/HTML5video/videos/Relache_039_Dance.flv a link]!
Well, there's always [http://dekalborama.com/mediawiki/extensions/HTML5video/videos/Relache_039_Dance.flv a link]!

Revision as of 21:01, 31 March 2012

  • A place to play.
  • A place to spawn new pages.
  • A place to test what works.

Setting up for spam filters....

See whether these exist....

Setting up templates for submissions and linkings

Let's test it: Ephemera rectoA anim 125.gif

...and Ephemera02

Creating Collection of Tim Blickhan

Video experiments

Can we use HTML5 as hinted at elsewhere?

Take 1: HTML5 tagging

<video>

     <source type="video/mp4" src="Relache_039_Dance.mp4" />
     <source type="video/ogg" src="Relache_039_Dance.ogv" />

</video> Hmmm. Need to install some stuff....

Take 1.5: More HTML5

Maybe it is the syntax? <video poster="Relache_039.jpg" controls> <source src='Relache_039_Dance.webm' type='video/webm; codecs="vp8.0, vorbis"'/> <source src=Relache_039_Dance.ogv' type='video/ogg; codecs="theora, vorbis"'/> <source src='Relache_039_Dance.mp4' type='video/mp4; codecs="avc1.4D401E, mp4a.40.2"'/> <p>Or try this link [http://dekalborama.com/mediawiki/extensions/HTML5video/videos/Relache_039_Dance.flv a link] if the video doesn't play.</p> </video>

Take 2: mwEmbed/Kaltura

It seems this has been displaced by commercial elements.

Take 3: HTML5video extension

<HTML5video type="HTML5" width="320" height="240" autoplay="false" loop="false">Relache_039_Dance</HTML5video>

Uploaded three versions of the video:

  1. Relache_039_Dance.mp4
  2. Relache_039_Dance.ogv (Huge!)
  3. Relache_039_Dance.webm

Hopeful, but challenged. Results so far:

  • Android 2.3.6 = Yes! Plays in its own window.
  • Chrome 17.0 = Yes! On PC running Vista Enterprise
  • Firefox 11.0 = Yes! Only after pushing MIME types as below.
  • Safari 5.1.4 = Yes! On both Mac OS X Snow Leopard and PC Vista
  • IE 7 = Nope, not even after the MIME adjustment. Not even a box....

Thanks to Video for Everybody for a few hints. Adding MIME types to .htaccess, for example.... Now, what to do about IE7 since I cannot get Flash fallback to work?

First uploaded even more formats to see if IE can be fooled:

  1. Relache_039_Dance.flv
  2. Relache_039_Dance.avi (Also huge!)

Drat!

Take4: jwplayer standalone....

JW Player goes here

<script type="text/javascript" src="extensions/HTML5video/jwplayer/jwplayer.js"></script> <script type="text/javascript"> jwplayer("mediaplayer").setup({ flashplayer: "extensions/HTML5video/jwplayer/jwplayer/player.swf", file: "extensions/HTML5video/videos/Relache_039_Dance.flv", image: "jwplayer/preview.jpg" }); </script>

Oh, well....

Take5: MediawikiPlayer embedding

First an MPEG 4 file:

<mediaplayer width='320' height='240' autostart='false' id='0'>File:Relache_039_Dance.mp4</mediaplayer>

Then Flash:

<mediaplayer width='320' height='240' autostart='false' id='1'>File:Relache_039_Dance.flv</mediaplayer>

Last resort

Well, there's always a link!