Multiple play buttons of different...

User 2492778 Photo


Registered User
2 posts

I have been enjoying Coffee Cup Visual Site Designer with Coffee Cup Web Juke Box for years, using the different flash players for my recordings, one for each page, saved by the title of that page, to play after uploading to server. But now I want to create a page with many play buttons on it, each with a different recording, because I want to use this page as a showcase for digital download samples to sell my recordings online. However, the Juke Box, which works great, does not allow me to save each button individually, as the title of that specific recording, it only allows for the page title. swf, html, .xml. So, all the buttons play the same recording, even though I have added to the same Coffee Cup Visual Site Designer web page a number of different recording for each play button . . . testing out the idea, I mean. What am I missing here? And do you have a product that will facilitate this request?
User 2147626 Photo


Ambassador
2,958 posts

Several ways to do this ...make a playlist using Web Form Builder to display each playbutton or player anmed what you want. Here is an example... http://gunsmoke.me/myjukeplaylist

Or simply do this using HTML5... Put this in the 'head' of an HTML box
<script type="text/javascript">
function playSound(el,soundfile) {
if (el.mp3) {
if(el.mp3.paused) el.mp3.play();
else el.mp3.pause();
} else {
el.mp3 = new Audio(soundfile);
el.mp3.play();
}
}
</script>


Put this in the 'body' of the same HTML box
<span id="dummy" onclick="playSound(this, 'http://yourdomain.com/music/yoursoundfile.mp3');">
<img src="http://yourdomain.com/music/yourimagefile.jpg" name="Bottom-1" width="36" height="125" border="0" id="Bottom-1"/>
</span>


Substitute yourdomainname.com for whatever your domain is.
Substitute yoursoundfile.mp3 for whatever sound file you want to play.
Substitute yourimagefile.jpg for the button image you want your visitors to 'click' to play/stop.
Adjust the size variables to match your button size.

Do this for each song you want to play.

Works good. Click once to play, then again to stop.
Graphics for the web, email, blogs and more!
-------------------------------------
https://sadduck.com

Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.