Atutor.no

We have used Flowplayer as our preferred movie player in ATutor for a long time now, and I have written a post about how you can integrate it in you install.

That was for version 2.2.1 of Flowplayer, but we're now at version 3 (3.0.7 at the time of writing). Flowplayer is now more elegant, and you have to integrate it in a different way.

Again, first thing is to download the player.

Then, copy the js file you need to your server, and add a reference to it in you theme file (/your_theme_path/header.tmpl.php):

<script type="text/javascript" src="/flowplayer307/flowplayer-3.0.6.min.js"></script>

This file will be in the example folder when you download it, and yes the version number for the js is 3.0.6 even though the player is at 3.0.7.

Third, edit your include/lib/output.inc.php. Around line 650, add the following to get ATutor to output the right code when it finds a .flv file inside the media tag:

(not including the php start and stop tags!)

That's it for the output.inc.php, no more changes needed! Note that the earlier inline javascript Flowplayer needed now is gone, and all it inserts is a slighty styled link.

You do however need to change one more file to compensate for this, and that is your theme's footer.tmlp.php. Add this at the top of it:

For those of you familiar with the magic that is jQuery you will recognize the syntax. This basically says that the Flowplayer (flowplayer-3.0.7.swf) should load whenever the page finds an a-element with the class "flowplayerholder", and it passes some instructions that you can change to your liking by looking at the Flowplayer documentation.

To make ATutor insert .flv files in the media tag I suggest you read about the changes done in include/html/filemanager_display.inc.php that I described in my original post.

To have a look at the new player, have a look-see here!