Would you like to place an automatic MP3 or music player on your website?  I’ve just featured a celebrity kitchen at DaughtersKitchen.com.  The best part is that it plays music as soon as someone hits the page.  See and hear the DaughtersKitchen.com Celebrity Kitchen demo, hear the music.

How to Add A MP3 Music Player to A SBI SiteSell Page

I used the Create a AS3 MP3 Player with papervision3d spectrum display tutorial files to make the player. The techlabs partners made the play blue and green by default. However, they are very clear on how to change the color using color hex values or color codes. I happened to change the color to red and a few shades of gray as shown below.

Let’s get started with uploading the mp3 player into SBI SiteSell. If you need to catch up with an account, click here to become a SBI owner.  

Step One:  Editing the Flash File for A ReCompile  

Start by opening the flash document with Adobe Flash.  Go to the Windows menu to pull out the Actions.  Find the “so-deep.ram2000.mp3″ peice and change it to “media-files/so-deep.ram2000.mp3″ so that the file is properly located on your SBI server.  Refer back to the techlabs.com link for understanding. Feel free to edit the color codes. Then save and publish.

Step Two:  Upload Your Supporting Files 

You’ll need to upload the pv3d-spectrum1.swf file into the SBI Site Central.  Just look for the “Special File Manager” button.  Go ahead and upload your music file too.  In this case its the so-deep.ram2000.mp3 file.

Step Three:  Editing the HTML File 

There are four edits that should be made within the your html to properly display the flash music player.   SBI words what we are doing in this step as “relative-reference” your files and images.   We are simply providing our files and images location.  Adobe Dreamweaver is a good software for these modification edits.

Change “AC_RunActiveContent.js” to “support-files/ac_runactivecontent.js”

Change ’src’, ‘pv3d-spectrum’ to ’src’, ’support-files/pv3d-spectrum’

Change ‘movie’, ‘pv3d-spectrum’ to ‘movie’, ’support-files/pv3d-spectrum’

Change src=”pv3d-spectrum.swf to src=”support-files/pv3d-spectrum.swf

There you have a MP3 music player on your SBI SiteSell page. Don’t forget to subscribe to Adobe-Masters.com for free updates. Any comments?

Share

Related Tutorials:

• How to Create A Text Box With Tabs - Spry Tabbed Panels - HTML
• Buy Top Sirlion Steak - Making A Reset Button Dreamweaver Tip
• How to Create A Flash Slideshow
• Spry Tabbed Panels In Dreamweaver Don’t Work - Solutions to Make It Happen
• ** A Flash Slide Show Tutorial that Works, 2-5 Pictures Slide Presentations