Drupal Association members fund grants that make connections all over the world.
First of all i want to thank to creators of this module for what can become a great one. I have made this install guide because i had many problems and along with myself many others, to install and configure this module properly. Sadly the documentation of this module is outdated and unsupported. I'm just focusing on installing Jeroen Wijerings Flash media player, his Image Rotator and how to use the and tags. I hope i explained everything right and i hope i can help you with this guide.
Module: SWF Tools 5.x-1.x-dev
Guide on version: 25 july
First download the module and place it in your module directory so that it looks like this:
Then download Jeroen Wijerings Flash media player here:
Unzip it and rename the folder from jw_media_player to flash_media_player and place the folder in the following directory
Download Jeroen Wijerings Image Rotator from:
Unzip and rename the folder from jw_image_rotator to flash_image_rotator. Also place this folder in this directory:
Ok the directories should now look like this, just to be sure:
Install the Module
Now enable the whole SWF Tools module in your DRUPAL system (Administer -> modules)
Allow the swf tags
To use the
<swf list> tags you must first allow this tags. You can allow this tags in:
Administer -> Input format and select Configure behind Filtered HTML.
Now select the box with SWF Tools Filter behind it. Save configuration!
Now stay inside this window and select at the top configure again. You now see a text area with the label: Allowed HTML tags. Add the following tags at the end;
<swf list>. Save configuration again!
Configuring the Module
Ok with all the files in place you can now check if you did it right. Go to the SWF module (Administer -> SWF Tools -> Embedding settings). Dont alter the File location options, because we just installed it in the default way. You can change the 'Media directory ur' if you want to. (see instruction below that text field).
Also leave the 'Default settings for embedding' , just for now..
Now select File Handling (Administer -> SWF Tools -> File Handling)
Both players from Jeroen Weijering should be visible and should not have - Missing - behind it (obviously). The other associated players can have -Missing- behind it, this does not jeopardize Jeroen Wijerings players.
- single FLV movies // list of FLV movies // list of mixed media -> Flash Media Player - Jeroen Wijering
- list of images -> Flash Image Rotator - Jeroen Wijering
All the remaining settings can be adjusted but are not needed at this time.
Embedding Flash files
Create a new node and add the following code in the body text area:
<swflist player="wijering_imagerotator" files="image1.jpg&&image2.jpg&&image3.jpg&&image4.jpg" width="400" height="400" transition="random">
Rename image1.jpg etc with desired filenames. The files you want to use should be in the directory you set up. - in this example it should be:
http://youradres/files/image1.jpg, http://youradres/files/image2.jpg etc.
Be sure to set your Input format to Filtered HTML (just below the textfield)
Submit your node. It should work now.
To use the nice menu overlay from Image Rotator to navigate true your different images you have to enable it manually, via the menu did not work for me. Navigate to your wijering.module file (http://youradres/modules/swftools/wijering/wijering.module) and change line 143 and change shownavigation' from default to 1.
Several examples to show your files:
<swf file="file.jpg"> or <swf file="file.swf">
Shows the given file format in the default player set up in your SWF Tools settings. For the jpg it chooses the imagerotator for the swf the media player.
To show a list of multiple swf files, or even a mix of files like .swf , .jpg and .mp3 type:
<swflist files="My song=song1.mp3&&My image=image.jpg&&My Movie=movie.flv" player="wijering_mediaplayer" width="550" height="250" displaywidth="300" >
mp3 with image
To play a mp3 in the media player with an image as a background type:
<swf file="song.mp3" image="image.jpg">
Please keep adding extra HOWTO's here so it becomes a little easier for everybody. Hope i helped.