Difference between revisions of "Sandbox"

The projects and contributions area at dekalborama.com
Line 45: Line 45:
Can we use HTML5 as hinted at elsewhere?
Can we use HTML5 as hinted at elsewhere?


Take 1: HTML5 tagging
===Take 1: HTML5 tagging===
<video>
<video>
       <source type="video/mp4" src="Relache_039_Dance.mp4" />
       <source type="video/mp4" src="Relache_039_Dance.mp4" />
Line 51: Line 51:
</video>
</video>
Hmmm. Need to install some stuff....
Hmmm. Need to install some stuff....
 
===Take 1.5: More HTML5===
Take 1.5: More HTML5
Maybe it is the syntax?
Maybe it is the syntax?
<nowiki>
<nowiki>
Line 62: Line 61:
</video>
</video>
</nowiki>
</nowiki>
 
===Take 2: mwEmbed/Kaltura===
Take 2: mwEmbed/Kaltura
 
It seems this has been displaced by [http://corp.kaltura.com/ commercial elements].
It seems this has been displaced by [http://corp.kaltura.com/ commercial elements].
 
===Take 3: HTML5video extension===
Take 3: HTML5video extension
 
<HTML5video type="HTML5" width="320" height="240" autoplay="false" loop="false">Relache_039_Dance</HTML5video>
<HTML5video type="HTML5" width="320" height="240" autoplay="false" loop="false">Relache_039_Dance</HTML5video>


Line 90: Line 85:


Drat!
Drat!
===Take4: jwplayer standalone....===
<p><!-- START OF THE PLAYER EMBEDDING TO COPY-PASTE --></p>
<div id="mediaplayer">JW Player goes here</div>
<p>
<script type="text/javascript" src="../jwplayer/jwplayer.js"></script>
<script type="text/javascript">
jwplayer("mediaplayer").setup({
flashplayer: "jwplayer/player.swf",
file: "jwplayer/video.mp4",
image: "jwplayer/preview.jpg"
});
</script>
<!-- END OF THE PLAYER EMBEDDING --></p>
Oh, well....
===Take5: MediawikiPlayer embedding===
First an MPEG 4 file:
<mediaplayer width='320' height='240' autostart='false'>File:Relache_039_Dance.mp4</mediaplayer>
Then Flash:


<mediaplayer width='320' height='240' autostart='false'>File:Relache_039_Dance.flv</mediaplayer>
===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 20:48, 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="../jwplayer/jwplayer.js"></script> <script type="text/javascript"> jwplayer("mediaplayer").setup({ flashplayer: "jwplayer/player.swf", file: "jwplayer/video.mp4", image: "jwplayer/preview.jpg" }); </script>

Oh, well....

Take5: MediawikiPlayer embedding

First an MPEG 4 file:

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

Then Flash:

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

Last resort

Well, there's always a link!