[Building Sakai] FCKeditor Plugin to embed movies

[Berg, Alan]

Hi Nico,

There was a discussion in the project planning meeting's about changing the editor for 2.8 because of its accessibility limitations (among other reasons). I believe the idea is to move on to CKeditor (http://ckeditor.com/). I am curious about your opinion about the new editors ability to embed multimedia. I am also curious about the timing of decisions around the 2.8 roadmap.

Alan B.

Alan Berg
QA Director - The Sakai Foundation

Senior Developer / Quality Assurance
Group Education and Research Services
Central Computer Services
University of Amsterdam

http://home.uva.nl/a.m.berg




-----Original Message-----
From: sakai-dev-bounces at collab.sakaiproject.org on behalf of Coetzee, Nico
Sent: Mon 28-6-2010 9:49
To: sakai-dev at collab.sakaiproject.org
Subject: [Building Sakai] FCKeditor Plugin to embed movies
 
This message (and attachments) is subject to restrictions and a disclaimer. Please refer to http://www.unisa.ac.za/disclaimer for full details.

Hi

We had a need at UNISA to embed movies, (especially apple .m4v and .mov format)  into learning content such as Samigo and Melete. The only way to do that was to edit the content in FCKeditor by clicking the "source" button, and then adding the embed script. eg.

<embed type="video/quicktime" src="http://podcasts.unisa.ac.za/library/attachments/5F20BE90-6AAD-4C8D-ABBB-3F1984B8F769/0FAE91D4-E8C6-4902-B77F-3AAA240A9684.m4v" autosize="false" autostart="true" showcontrols="true" showpositioncontrols="true" showtracker="true" showaudiocontrols="true" showgotobar="true" showstatusbar="true" pluginspace="http://www.apple.com/quicktime/download/" codebase="http://www.apple.com/qtactivex/qtplugin.cab" width="650" height="500"></embed>

Well the above works but is difficult to tell or even show users with little or no html experience to do this, and they easily typed it incorrectly.

I did some searching in google and found a plugin for FCKeditor called embed movies. It adds new functionality to the fckeditor toolbar through an additional button which then generates the above statement for the user at the required point in the content. You can embed the following movie formats:  mpg, mpeg, avi, wmv, mov, asf, m4v.

For those interested, please find attached a zip file called EmbedMovies.zip.
Unzip this file in the sakai-src/reference/library/src/webapp/editor/FCKeditor/editor/plugins directory (it Should create a Directory called EmbedMovies)
Secondly edit the sakai-src/reference/library/src/webapp/editor/FCKeditor/config.js :
        . add the following (I added it at line 51) :
                . FCKConfig.Plugins.Add( 'EmbedMovies','en') ;
        . then add the EmbedMovies to the toolbars you want to I added it to the Default, large, largecompressed toolbars (line 99, 112, 124) eg:
                . FCKConfig.ToolbarSets["Default"] = [
        ['Source','DocProps','Templates'],
        ['Cut','Copy','Paste','PasteText','PasteWord','SelectAll','RemoveFormat','SpellCheck'],
        ['Undo','Redo','-','Find','Replace'],
        ['Bold','Italic','Underline','StrikeThrough','Subscript','Superscript'],
        ['OrderedList','UnorderedList','Outdent','Indent'],
        ['JustifyLeft','JustifyCenter','JustifyRight','JustifyFull','TextColor','BGColor'],
        ['Link','Unlink','Anchor'],
        ['Image','Flash','Table','Rule','Smiley','SpecialChar','EmbedMovies'],['Style'],
        ['FontFormat','FontName','FontSize'],
        ['About']


Rebuild and deploy reference and your done.

If the community finds this useful we can possibly request that it be included in future releases of Sakai?


-------------- next part --------------
An HTML attachment was scrubbed...
URL: http://collab.sakaiproject.org/pipermail/sakai-dev/attachments/20100628/6b8628f8/attachment.html