[Building Sakai] FCKeditor Plugin to embed movies

[Coetzee, Nico]

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 embedded and charset-unspecified text was scrubbed...
Name: EmbedMovies.zip.txt
Url: http://collab.sakaiproject.org/pipermail/sakai-dev/attachments/20100628/59e37407/attachment.txt 
-------------- next part --------------
An embedded and charset-unspecified text was scrubbed...
Name: ATT00001..txt
Url: http://collab.sakaiproject.org/pipermail/sakai-dev/attachments/20100628/59e37407/attachment-0001.txt 
-------------- next part --------------
A non-text attachment was scrubbed...
Name: Unisa-email-signature_UNGC.gif
Type: image/gif
Size: 8678 bytes
Desc: Unisa-email-signature_UNGC.gif
Url : http://collab.sakaiproject.org/pipermail/sakai-dev/attachments/20100628/59e37407/attachment.gif 
-------------- next part --------------
A non-text attachment was scrubbed...
Name: image002.gif
Type: image/gif
Size: 4902 bytes
Desc: image002.gif
Url : http://collab.sakaiproject.org/pipermail/sakai-dev/attachments/20100628/59e37407/attachment-0001.gif 
-------------- next part --------------
An embedded and charset-unspecified text was scrubbed...
Name: ATT00002..txt
Url: http://collab.sakaiproject.org/pipermail/sakai-dev/attachments/20100628/59e37407/attachment-0002.txt