Jump to content
cuco

Buttons With Sound

Recommended Posts

Hi guys my site is Empresas Milanes I just started designing it. I was testing the Home button which is a rollOver button. I wanted it to play a small hammer sound (.wav format) when the user "MouseOver" it. I currently use Mozilla Firefox and nothing happens. But using IE when the user "MouseOver" the button QuickTime player launches. So, how do I just make the sound play without launching QuickTime.

 

Thanks for your help..

Share this post


Link to post
Share on other sites

There's no safe way of doing that, because playing a sound file requires an external plugin or application, which you can't be sure your visitors will have installed in their browsers.

 

Also, many people find having sounds on a web page to be something really annoying, so I'd recommend you'd keep the buttons simple, with no sounds.

 

Moving for organisation.

Share this post


Link to post
Share on other sites

I guess I will use flash to create the buttons, but for now I will keep it simple. Do you know any good tutorials for making Flash buttons?

 

Thanks for you help,

Cuco

Share this post


Link to post
Share on other sites

try something like this....

 

>javascript:

<script>
function PlaySound(url) {
 document.all.sound.src = url;
}
</script>

 

 

>html:

onMouseOver="PlaySound('my.wav')"

 

good luck,

chuck

Share this post


Link to post
Share on other sites

Chuck, doesn't that make the sound play continuously and all the time (even if the mouse isn't over the button)?

 

Anyway, I believe that's IE specific, meaning it will not work with any other browsers. I could be wrong, though. I never used sounds on my web pages, so I'm not 100% sure about this.

Share this post


Link to post
Share on other sites
I guess I will use flash to create the buttons, but for now I will keep it simple. Do you know any good tutorials for making Flash buttons?

 

Thanks for you help,

Cuco

 

actionscript.org or flashkit.com Thumbs Up

Share this post


Link to post
Share on other sites

i forgot a line when i copied and pasted into the window.

 

have a look at this: http://www.chuckandmelissa.com/sound.htm

 

><html>
<bgsound id="sound">
<script>
function PlaySound(url) {
document.all.sound.src = url;
}
</script>

<body>
<a href="#"><img src="images/news.jpg" onMouseOver="PlaySound('sounds/news.wav')" /></a>
<br />
<a href="#"><img src="images/butters.jpg" onMouseOver="PlaySound('sounds/butters.wav')" /></a>
</body>
</html>

 

Chuck, doesn't that make the sound play continuously and all the time (even if the mouse isn't over the button)?
no

 

Anyway, I believe that's IE specific, meaning it will not work with any other browsers. I could be wrong, though. I never used sounds on my web pages, so I'm not 100% sure about this.

 

yes, it is IE specific.

Share this post


Link to post
Share on other sites

I'm using Flash Voice Buttons. It's the most powerful tool. Putting any sound or voice message to your website never been so easy.

A lot of button styles and the main thing is that all of the internet surfers can play sounds without any extra downloads or plugins. I got it from: http://www.reutera.com/Flash-Voice-Buttons/

Share this post


Link to post
Share on other sites
I'm using Flash Voice Buttons. It's the most powerful tool. Putting any sound or voice message to your website never been so easy.

A lot of button styles and the main thing is that all of the internet surfers can play sounds without any extra downloads or plugins. I got it from: http://www.reutera.com/Flash-Voice-Buttons/

 

do you have an example of a site which you've implemented them on? your link looks like the product itself.

Share this post


Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.


×
×
  • Create New...