Wimpy Button
version 3.0.10
by Mike Gieson
©2006 Plaino.
Available at: www.wimypplayer.com
Installation OverviewTo use the Wasp you should know how to paste HTML code into a web page using a web page editor (like Macromedia Dreamweaver or Microsoft Front Page) and upload files to your web site. (Both of these things are very easy to do even if you're not a computer whiz!) 1. Upload wimpy_button.swf to your web server 2. Generate the required Wimpy Button HTML code.
3. Paste the resulting HTML code into your web page.
Installation step-by-step1. Upload all the wimpy_button.swf to your website.
4. Use the Customizer tool or the Wimpy Button Maker tool.
5. Upload the page that contains the Wimpy Button HTML code to your web site. 6. Refresh your browsers cache.
6. View the HTML page that contains Wasp.
Using the JavaScript button1. Open Wimpy Button Maker.
2. Set the options within Wimpy Button Maker
3. Click "Save As..." to save the necessary HTML code.
4. Click the "Make JavaScript" button.
5. Upload the files to your website.
6. Test the files.
7. If everything works OK...
|
Manually editing the Wimpy Button HTML code
Experienced HTML authors only.
I recommend only using the Customizer tool at wimpyplayer.com to generate the HTML code, but I realize that fellow nerds like myself will invariably go direct to the source.
The Wimpy Button HTML code consists of two sets of "tags" -- the <object> tag and the <embed> tag. The <object> tag is used for Mozilla-type browsers and the <embed> tag is used for Internet Explorer based browsers. The <object> tag contains a number of additional sub-tags named <parameters>.
When editing the HTML code manually, you must edit any changes in both the <object> and <embed> tags. Failure to edit both tags will result in the player not displaying properly on all web browsers -- even though things may look normal to you, folks who use a different browser will not be able to see the button.
The following is the "de facto" HTML code required to display a wimpy button, which will allow all browsers to render the button properly. Notice the items in red, width, height, id and name show up in two locations, once in the <object> tag and again in the <embed> tag. In addition, there are two references to the wimpy_button.swf file which also includes a reference to your mp3 file.
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,47,0"
width="40" height="40" id="wimpy_button_1" name="wimpy_button01">
<param name=movie value="wimpy_button.swf?theFile=example.mp3">
<param name=quality value=high>
<param name=wmode value=transparent>
<embed src="wimpy_button.swf?theFile=example.mp3" quality=high width="40" height="40" name="wimpy_button01"
type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer"></embed>
</object>
Specify an mp3 file. (aka "pointing wimpy button to your mp3 file")
To "point" wimpy to your mp3 file add a "?theFile=" plus the location of the mp3 file to the end of the wimpy_button.swf
Examples:
wimpy_button.swf?theFile=some_song.mp3
wimpy_button.swf?theFile=mp3_files/some_song.mp3
wimpy_button.swf?theFile=../../mp3_files/some_song.mp3
wimpy_button.swf?theFile=http://www.yourserver.com/mp3_files/some_song.mp3
IMPORTANT:
When using a relative URL to your MP3 file, the URL to the file must be relative to the HTML file that the button is embedded into -- NOT relative to the wimpy_button.swf file.
Example:
Let's say your HTML file that displays a Wimpy Button resides here:
http://ywww.yoursite.com/content/html_files/wimpy.html
And your wimpy_button.swf file resides here:
http://ywww.yoursite.com/graphic_files/wimpy_button.swf
And your mp3's reside here:
http://ywww.yoursite.com/mp3_files/some_song.mp3
Then you would reference "theFile" as::
wimpy_button.swf?theFile=../../mp3_files/some_song.mp3
or using an absolute url:
wimpy_button.swf?theFile=http://www.yourserver.com/mp3_files/example.mp3
NOTE: The wimpy_button and it's associated HTML file must reside on the same server...
It's a built in security feature of Flash.
More than One Wimpy Button:
If you are putting more than one wimpy button on a page, you must use a unique id/name for each instance of a button in the HTML code.The "id" attribute is only used in the <object> tag, but both the <object> and <embed> tag use the "name" attribute.
Example:
The first button would use "wimpy_button01" as a unique identifier:
<object ... blah blah ... id="wimpy_button01" name="wimpy_button01">
<param >'s ... blah blah ...
<embed ... blah blah ... name="wimpy_button01" ... blah blah ... ></embed>
</object>
And the second button would use "wimpy_button02" as a unique identifier:
<object ... blah blah ... id="wimpy_button02" name="wimpy_button02">
<param >'s ... blah blah ...
<embed ... blah blah ... name="wimpy_button02" ... blah blah ... ></embed>
</object>
© 2006 Plaino. www.wimpyplayer.com