OU media player project

Tony Hirst has just blogged about the Office for Disability Issues new accessible media player AKA the "Most Accessible Media Player on the Web". Both he and Will Woods have alluded to work that The Open University is undertaking. I thought I'd fill in the gaps.

The OU is at the start of a 6 month development to create a multimedia player that (we hope):

  1. Will be an "attractive" player that the average designer/ blogger would be happy to use on their site.
  2. Can be used in a variety of contexts - our Moodle-based virtual learning environment, OpenLearn, OU-Drupal sites, blogs, Cloudworks...
  3. Will deliver content mostly from the OU podcast site in the contexts mentioned above.
  4. Will be accessible to users with disabilities - both in terms of control, and display of alternatives like transcripts and captions.
  5. Usable on a variety of devices, including mobiles and tablets.
  6. Will be delivered in a maintainable way.

Embed a Scratch applet in HTML5

For the past year I've been following the progress of HTML5 with interest. And recently I've become interested in MIT's Scratch. So naturally I've been test embedding Scratch using it's Java applet in HTML5. The only article I've found so far on embedding Scratch in HTML5 contains a number of errors and invalid markup, so I'm setting the record straight.

First, the situation in HTML 4.01/XHTML 1.0 – <object> is the preferred element, with <applet> deprecated. So, <applet> is valid in HTML 4 Loose (XHTML 1.0 Transitional), but not HTML 4 Strict.

Drum Kit 2.0, by technoguy

Example embed for HTML 4.01:

<applet codebase="http://scratch.mit.edu/static/misc/" archive="ScratchApplet.jar"                                                           
        code="ScratchApplet" height="387" width="482">                                                                                                             
   <param name="project" value="../../static/projects/technoguyx/355353.sb" >
   Your browser needs Java to view projects.                                                                                      
</applet>