Skip to main content

HTML 5 video player for mediawiki now with fullscreen support

Michael Dale has been working hard on a new media player for the mediawiki projects. This media player is based on the HTML 5 <video> tag. You can compare it to the demo players of Youtube and Vimeo and DailyMotion. It should support Firefox 3.5, Google Chrome 3, Opera 10.5 and if you install the Xiph QuickTime components it works with Safari 4 for the Mac. If your browser doesn't support HTML5, the player will use the JAVA cortado player, like it does in the old version of the Ogg player.

Recently both Apple and Firefox introduced Fullscreen support for the <video> tag in their development versions of the browsers, and these features can now be used with the new player for Wikimedia. The controls automatically show and hide, and you can even add and display subtitles with it.

How do I test it ?


It is rather easy, you go to this example video. If you want to enable it for all videos, you need to be registered on Wikimedia Commons or the English Wikipedia. You go to your preferences. Then select the "Gadgets" section. Now enable mwEmbed and Save.

Screenshots

The first image shows the player after the page has loaded. The second image shows the options for selecting and authoring subtitles. The third image is a movie with subtitles enabled. There are two modes for subtitles, either underneath the video, or drawn on top of the video.

Development


This kind of work is exactly what was needed for Wikimedia. Focused development of advanced features. As a former VLC media player developer I follow the work with great interest, and occasionally report some problems that I encounter. It may seem easy to develop something like this, but I know how difficult it is and how much issues you need to take into account. This project started in January 2008 and really got going in August 2008. A lot of that time was spent preparing the MediaWiki software for the more advanced, dare I say, Web 2.0 type of functionality. Much of this mostly Javascript related work has gone parallel with the Usability project. Truly a big thank you to the developer Michael Dale and to Kaltura, which is sponsoring this development.


P.S. The work is far from finished of course. I'm sure more refinement is coming, and the authoring of subtitles is only just getting started. Still I find that having it enabled on a daily basis is a positive experience, even with the occasional glitch.
Labels:

Comments

  1. mikeMarch 3, 2010 at 12:03 AM

    Thanks for the post TheDJ.
    Some notes:
    * if you use the withJS=MediaWiki:MwEmbed.js (instead of the mediawiki gadget name ) then you get a button to "turn on" the gadget at the top of the page.
    * The library is also supported as a stand alone component for use in web sites: http://www.kaltura.org/kaltura-html5-and-javascript-media-library

    ReplyDelete
  2. mikeMarch 3, 2010 at 12:13 AM

    Sorry bad link for library try:
    http://www.kaltura.org/project/HTML5_Video_Media_JavaScript_Library

    ReplyDelete

Post a Comment

Popular posts from this blog

kAMDReceiveMessageError

We kept running into a kAMDReceiveMessageError in our company, when trying to install adHoc iPhone apps with the iPhone Configuration Utility for Windows. Everything was fine if people tried to install using Windows iTunes. After much time it was tracked to the addition of UIRequiredDeviceCapabilities to the Info.plist. For some very strange reason it seems that the Windows ICU doesn't like that property at all and fails to install any app that carries it. Not sure if this will affect AppStore submission, iTunes handles it and so does the Mac version of ICU it seems, but it is at the very least mildly annoying that testers can't install our application using Windows ICU.
Post a Comment
Read more

MediaWiki; from svn to git & gerrit and a bit of math

Been a while since I wrote here. I wanted to discuss a great change that has come to MediaWiki , and it is the adaptation of  Git  and Gerrit  over our old Subversion system. It has been discussed at length already, but I wanted to discuss the actual switch process and what it meant for me as an individual. TLDR version: Little time, big switch, Gerrit needs lots of work, more coherent documentation needed and stay vigilant. Bad or Good cannot be stated yet. Where I'm coming from First of all, I should clarify that I already used Git quite a bit. We used it within  VideoLAN  and I use it myself almost on a daily basis as a wrapper around some of the Subversion repositories I use. So you could say that using it should not be too troublesome to me. I already know the commands and the principle ideas behind git and how they differ from other SCM systems . The only new addition is Gerrit... I have little time on my hands to work on Wikimedia and MediaWiki these days. 3 hours to
1 comment
Read more