ActiveSfFlashMP3Player

Table of content :

How to install Flash MP3 Player for SF-Active

How to install... in progress by MattToups

This will provide a small player application for the flash plug-in which is nearly universal these days. It will play mp3 files only. (We should do something for playing ogg files, but flash will not play ogg files. Wikipedia has a player for ogg using Java, I think.)

Example: http://neworleans.indymedia.org/news/2007/08/10888.php

Copy files

There are two new files you will need, the flash application (player.swf) and some javascript code (audio-player.js). These should go in the webroot, /im/ is a good directory (and is what is assumed by the php patch below).

• audio-player.js: javascript function for audio player

• player.swf: flash player app

These are originally taken from a Wordpress plugin

See that page for info on sample rates (the chipmunk effect), color schemes, and more.

Patch article_class.inc

• article_class.playerswf.diff: patch to article_class.inc for flash mp3 player

This patch is against article_class.inc in the 0.94 release of SF-Active.

or use this text in the set_mime_type method of Article class:

case "audio/mpeg": $this->article["mime_description"] = $tr->trans('mp3_file'); $this->article["media"] = "audio: <a href=\"" . $this->article["fileurl"] . "\">MP3 at "; $this->article["media"] .= $this->article["filesize"] . "</a> <p/>Flash player: <script language=\"JavaScript\" src=\"/im/audio-player.js\"></script> <object type=\"application/x-shockwave-flash\" data=\"/im/player.swf\" id=\"audioplayer1\" height=\"24\" width=\"290\"> <param name=\"movie\" value=\"/im/player.swf\"> <param name=\"FlashVars\" value=\"playerID=1&bg=0xf8f8f8&leftbg=0xeeeeee&lefticon=0x666666&rightbg=0xcccccc&rightbghover=0x999999&righticon=0x666666&righticonhover=0xffffff&text=0x666666&slider=0x666666&track=0xFFFFFF&border=0x666666&loader=0x990000&loop=no&autostart=no&soundFile=" $this->article["fileurl"] . "\"> <param name=\"quality\" value=\"high\"> <param name=\"menu\" value=\"true\"> <param name=\"wmode\" value=\"transparent\"> </object> Embed this audio player: <textarea cols=\"20\" id=\"embed_html\" name=\"show-flash-html\" rows=\"1\" wrap=\"virtual\" onclick=\"javascript:this.select();\" style=\"width:160px;overflow:hidden;\"> <script language=\"JavaScript\" src=\"http://neworleans.indymedia.org/im/audio-player.js\"></script><object type=\"application/x-shockwave-flash\" data=\"http://neworleans.indymedia.org/im/player.swf\" id=\"audioplayer1\" height=\"24\" width=\"290\"> <param name=\"movie\" value=\"http://neworleans.indymedia.org/im/player.swf\"> <param name=\"FlashVars\" value=\"playerID=1&bg=0xf8f8f8&leftbg=0xeeeeee&lefticon=0x666666&rightbg=0xcccccc&rightbghover=0x999999&righticon=0x666666&righticonhover=0xffffff&text=0x666666&slider=0x666666&track=0xFFFFFF&border=0x666666&loader=0x990000&loop=no&autostart=no&soundFile=" . $this->article["fileurl"] . "\"> <param name=\"quality\" value=\"high\"> <param name=\"menu\" value=\"true\"> <param name=\"wmode\" value=\"transparent\"> </object> <br/> <a href=" . $this->article["article_url"] . "><img border=0 src=\"http://neworleans.indymedia.org/im/imc_audio.gif\">Audio posted by " . $this->article["author"] . " to " . GLOBALS['site_nick'] . " (" . $this->article["filesize"] . ") </a> </textarea> "; break;

Customize

You will should change neworleans.indymedia.org in the text above to your site's URL (this only affects the 'embed' box, actually). The /im/ directory is good for static stuff like this.

You will probably want to change the colors and other stuff in the FlashVars section. See here.

Use

Regenerating old articles

This won't apply to older mp3 uploads until the article is regenerated in the article admin section.

Embedding in other sites

see the text in the "Embed" box

A "What is this?" or howto for users

A little javascript/css thing that pops up with an explanation of how to use the player would be good ... who can write/make such a thing?

How to seek, how to embed, what is required ... etc

Translations?

We could probably use translations of the text of stuff like "player" and "embed" ... and any help text that gets written.