Adding Music to a Template

You can add a sound player console or a musical background to your template, we have provided code you can copy on this page. You can use .midi .wav .mp3 or many other file types. Be sure to read the "Notes" at the bottom of this page.

NOTES: The following options have been set to work in most popular browser but were not tested on a Mac. For the highest compatibility it is recommended that you use one of the Flash players suggested on this page.


NOTES: Active X Messages: In the newest version of IE you may want to add the code on this page into a .js file to stop "click to activate" messages. For help adding items to .js files click here. Or, you may want to view the Allwebco xmp3Player add-on for a simple skinnable mp3 player with no "Active X" issues or messages.


Option #1 - Background Sound
For simple background music in IE only use the following code:

<bgsound src="your-file.mid" loop="false">

Option #2 - Background Sound (for mp3, wav, mid, au files)
For simple background music with javascript, compatible in most browsers use the following code. Be sure to edit "your-file.mp3" in two places with this code.

<!-- START SOUND CODE, DELETE TO REMOVE --> <script language="JavaScript" type="text/javascript"> if (navigator.appName == "Microsoft Internet Explorer") { document.write('<bgsound src="your-file.mp3" loop="false">'); } else { document.write('<embed type="application/x-mplayer2" pluginspage="http://www.microsoft.com/Windows/MediaPlayer/" name="MediaPlayer" src="your-file.mp3" autostart="true" showstatusbar="0" showcontrols="0" showdisplay="0" volume="1" height="1" width="1" loop="false"></embed><br />'); } // End --> </script> <!-- END SOUND CODE -->

Option #3 - Quicktime Player (for mp3, wav, mid, au or video files)
To add a small Quicktime console, copy and paste the following code. Compatible in IE, Firefox and Netscape browsers. For Mac and PC as long as Quicktime is installed. Be sure to edit "your-file.mid" in two places with this code. Quicktime code may display messages about Active X controls in IE.

<object classid="clsid:02BF25D5-8C17-4B23-BC80-D3488ABDDC6B" codebase="http://www.apple.com/qtactivex/qtplugin.cab" height="16" width="250"> <param name="src" value="your-file.mid"> <param name="autoplay" value="true"> <param name="controller" value="true"> <embed height="16" width="250" src="your-file.mid" pluginspage="http://www.apple.com/quicktime/download/" type="video/quicktime" controller="true" autoplay="true"></embed> </object>

Option #4 - Windows Player (for mp3, wav, mid, au or video files)
To add a Windows Media console with a border as you see below: 1. Download the "S_script_music_WIN.js" and place this in your template folder. 2. Copy and paste the code below into any HTML page. Compatible in IE, Firefox and Netscape browsers. Be sure to edit "your-file.mid" in two places in this .js file. Can be used for video as well.

Click to download the .js file used for the WinMedia player.

<script language="JavaScript" type="text/javascript" src="S_script_music_WIN.js"></script>

Option #4B - Windows Player Page Code (for mp3, wav, mid, au or video files)
The following code may display messages about Active X controls in IE. To add a Windows Media console with a border as you see above, copy and paste the following code. Compatible in IE, Firefox and Netscape browsers. Be sure to edit "your-file.mid" in two places with this code. Can be used for video as well.

<table border="3" cellspacing="0" cellpadding="0" bordercolor="#99CCFF" bordercolorlight="#DBEDFF" bordercolordark="#5B7997"><tr><td> <object id="MediaPlayer1" width="300" height="45" classid="CLSID:22D6F312-B0F6-11D0-94AB-0080C74C7E95" codebase="http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.cab#Version=6,0,02,902" standby="Loading Microsoft Windows Media Player..." type="application/x-oleobject"> <param name="FileName" value="your-file.mid"> <param name="animationatStart" value="false"> <param name="transparentatStart" value="true"> <param name="autoStart" value="true"> <param name="showControls" value="true"> <param name="Volume" value="-100"> <embed type="application/x-mplayer2" pluginspage="http://www.microsoft.com/Windows/MediaPlayer/" name="MediaPlayer" src="your-file.mid" autostart="true" showstatusbar="1" volume="-1" height="50" width="300"></embed></object> </td></tr></table>

Option #4 - RealAudio Player (for mp3, wav, mid, au or video files)
You can add the realaudio player to any template. Click here for realaudio details, or copy the code below and paste it into your page.

<object id="RVOCX" classid="clsid:CFCDAA03-8BE4-11cf-B84B-0020AFBBCCFA" width="350" height="36"> <param name="SRC" value="your-file.mp3"> <param name="CONTROLS" value="ControlPanel"> <param name="CONSOLE" value="one"> <embed src="your-file.mid" width="350" height="36" nojava="true" controls="ControlPanel" console="one"></embed> </object>

Flash Players
Whitfield and Associates offers a nice Flash music player that can be added to any Allwebco template. Streaming Flash (.SWF) MP3 music players sold with or without sound tracks. Click here to visit the WAA players site.

Also check out the Wimpy Flash Player website.


Flash Welcome Message
See the "Skinnable Big Button" on the Allwebco Flash Applications page.


NOTES: Copy the above selected code and paste these lines into your webpage anywhere in the body of the HTML document. You can place it after the text in the page or anywhere else is fine. It is best to do this edit using Notepad or a Simple Text editor.


Related Topics:
Add a Music Popup
Bob's Mighty MIDI Site

source: allwebco-templates.com