Integrate flash into Wordpress

am5555
on 4/2/11

I am attempting to integrate the "Flash MP3 Player with Playlist" into a Wordpress page, and don't quite know where to start. Can anyone point me in the right direction as to how to go about this?

Many thanks!
reply

corneliu.chitanu
on 7/2/11

Hi,

You'll have to copy the code between the body tags from our index.html file in Wordpress. After you do this and the files are uploaded to your website, make the pathToFiles blank, like this:

flashvars.pathToFiles="";

The other paths you should make absolute, like so:

                
<script type="text/javascript" src="http://www.yourwebsite.com/pathToSwfobject.js"></script>	
        <script type="text/javascript" src="http://www.yourwebsite.com/pathToSwfmacmousewheel.js"></script>

flashvars.xmlPath = "http://www.yourwebsite.com/pathToTheSettingsFile.xml";
flashvars.contentPath = "http://www.yourwebsite/pathToTheMp3playerwithplaylist.xml";

swfobject.embedSWF("http://www.yourwebsite.dom/pathToPreview.swf"+cacheBuster, attributes.id, stageW, stageH, "9.0.124", "http://www.yourwebsite.dom/pathToExpressInstall.swf", flashvars, params);

Also in the mp3playerwithplaylist.xml file make the paths to the mp3s absolute:

                
<item id="3">
		<title><![CDATA[Poets of the fall]]></title>
		<artist><![CDATA[Carnival of rust]]></artist>
		<price>7</price>
		<duration>00:31</duration>
		<buy url = "http://www.paypal.com"></buy>
		<song>http://www.yourwebsite.dom/pathToTheMp3File.mp3</song>
</item>

If this does not help you, please give us a link to your page and we'll take a look and see what's the problem.

Last edit: on 7/2/11

gigid
on 21/2/11

I personally didn't understand... but it depends on my ignorance on this argument...:-(
reply
corneliu.chitanu
on 4/3/11
We can help you with this. Just buy a support ticket, give us a link to your webpage and we'll do anything in our power to help you embed the component.
djwillstokes
on 6/3/11

Hmmm!
reply
6ninjahs
on 18/7/11

hey im looking to get this working on my wordpress site and will buy a support ticket is it the 4.99 one and you guys can get it up and running

reply
corneliu.chitanu
on 25/7/11
We can't embed the component in your website, but we can help you do it.

In WordPress you'll need to make some adjustments. But first you'll need to follow this tutorial:

http://www.flabell.com/blog/1829/how-t...

Upload the deploy folder somewhere on your server and go through the same process as described above.The only adjustment you must do is at the 5th step. Set the path to the swfobject.js file, the SWF files and the pathToFiles flashvar as absolute paths, like this:
```
                
<script type="text/javascript" src="http://www.yourwebsite.dom/.../deploy/js/swfobject.js"></script>
...
flashvars.pathToFiles = "http://www.yourwebsite.dom/.../deploy/accordion/";
...
swfobject.embedSWF(http://www.yourwebsite.dom/.../deploy/preview.swf, attributes.id, stageW, stageH, "9.0.124", "http://www.yourwebsite.dom/.../deploy/js/expressInstall.swf", flashvars, params);

                
```
Also, if you copy the code in an article or a WP page, make sure you do it in HTML mode.

If you can't get it done, buy a support ticket, share a link to your component and we'll inspect it for problems. We'll try to give you a solution ASAP.

Last edit: on 25/7/11
6ninjahs
on 26/7/11

did exactly what is writen and still nothing

// JAVASCRIPT VARS
// the path to the SWF file
var swfPath = "http://www.6ninjahs.com/deploy/preview...";
//swfPath += "?t=" + Date.parse(new Date()); // uncomment this line to activate cache buster

// stage dimensions
var stageW = 560;//560//"100%"; // minimum is 450
var stageH = 300;//400;//"100%"; // minimum is 260

// ATTRIBUTES
var attributes = {};
attributes.id = 'FlashComponent';
attributes.name = attributes.id;

// PARAMS
var params = {};
params.bgcolor = "#333333";
params.allowfullscreen = "true";
params.allowScriptAccess = "always";
//params.wmode = "transparent";

/* FLASH VARS */
var flashvars = {};

/// if commented / delete these lines, the component will take the stage dimensions defined
/// above in "JAVASCRIPT SECTIONS" section or those defined in the settings xml
flashvars.componentWidth = stageW;
flashvars.componentHeight = stageH;

/// path to the content folder(where the xml files, images or video are nested)
/// if you want to use absolute paths(like "http://domain.com/images/....") then leave it empty("")
// Also, if you want the embed code to work correctly you'll need to set the an absolute path for pathToFiles, like this: http://www.yourwebsite.dom/.../mp3gall...

flashvars.pathToFiles="http://www.6ninjahs.com/deploy/mp3gall...";
flashvars.xmlPath ="http://www.6ninjahs.com/deploy/mp3gall...";
flashvars.contentPath = "http://www.6ninjahs.com/deploy/mp3gall...";

/** EMBED THE SWF**/

In order to view this object you need Flash Player 9+ support!

http://www.adobe.com/go/getflashplayer">
http://www.adobe.com/images/shared/dow..." alt="Get Adobe Flash player" />

reply
corneliu.chitanu
on 1/8/11
Yes, well we didn't write to change anything for the xmlPath or contentPath. Just make them back to:

flashvars.xmlPath="xml/settings.xml";
flashvars.contentPath="xml/mp3gallery.xml";

Also, make sure you set an absolute path to the swfobject.js file.
6ninjahs
on 1/8/11

still get the path to mp3gallery/xml/settings.xml is inccorect
reply

corneliu.chitanu
on 3/8/11

Hi,

Where is the mp3 player located? Can you share an URL?

If it's here:

http://www.6ninjahs.com/deploy/index.h...

then the problem is that you moved the starting "script" tag. It should be after this line:

                
<script type="text/javascript" src="http://www.6ninjahs.com/deploy/js/swfmacmousewheel.js"></script>

and not at this line:

                
<script>swfobject.embedSWF("http://www.6ninjahs.com/deploy/preview.swf"+cacheBuster, attributes.id, stageW, stageH, "9.0.124", "http://www.6ninjahs.com/deploy/js/expressInstall.swf", flashvars, params);

Also, please buy a support ticket, if you need more assistance.

Subcribe to topic RSS

This week's featured product

Store Locator

This cool AJAX application will enhance your website by showing your stores' locations. You can also display an image and a short description so your users know exactly where to find your business.

Become a premium member

Flabell and Themesbell membership provides users with the ability to download any of our components for Adobe Flash and website themes for free, during an entire year.
read more

Integrate flash into Wordpress

Post a comment

This week's featured product

Store Locator

Become a premium member