Mute audio

[jester]

Hello,

I have a website that when visited, automatically starts a midi or wav file. I would like to add a MUTE icon or button for visitors to use if preferred. If you know of any code or script that would enable such a feature, it would be greatly appreciated.

Thanks

[Twey]

It's a bad idea to have music start on entry anyway. Use a "play" button.

<embed id="mySound" src="mySound.mid" loop="false" autostart="false" hidden="true">
<button onclick="document.getElementById('mySound').play();">Play</button>
<button onclick="document.getElementById('mySound').stop();">Stop</button>

[jscheuer1]

Twey, I'm shocked! That is an IE only solution! For what it is, elegant though. Anyways, if jester wants something a bit more robust, he should check out this thread.

[Twey]

Really? Shows how much I use sound in sites! I read a page that said that was a Netscape solution that would now work with IE too. Last time I use that one!

[jscheuer1]

Really? Shows how much I use sound in sites! I read a page that said that was a Netscape solution that would now work with IE too. Last time I use that one!

Don't feel too bad, it used to work in NS. I think it may still work in NS and even perhaps FF if there are no audio plugins added like QT, etc.

[jscheuer1]

I've researched this sound business a bit more and Twey's method is better than I thought. But, the buttons need to be like so:

<button onclick="document.getElementById('mySound').Play();">Play</button>
<button onclick="document.getElementById('mySound').Stop();">Stop</button>

Capitalization counts in Mozilla and Opera.

Added later - Oh, and I just discovered that Opera needs the enablejavascript="true" attribute set for the embed:

<embed id="mySound" src="mySound.mid" loop="false" autostart="false" hidden="true" enablejavascript="true">

[Twey]

Ah, phew. Gave me a scare there, John

[ger]

Hi, I'm new here, and trying to implement your music on/off (mute audio) html.

I thought I did it correctly, but evidently not!

Could you, would you, please look here and see what I'm doing wrong? I think it's got to do with the:
getElementById portion of it. Self taught, pls. excuse!!

.... forever indebted!!

ger

here is the page:

http://www.bayatlanticsymphony.org/intro3.htm

[Twey]

document.getElementById('music/bas3.mp3')

Should be:

document.getElementById('mySound')

I'm also self-taught, that's no excuse

[mburt]

Umm... Just a question. How can you dynamically change the source of "mySound"?
This is what I came up with, but it doesn't work (as usual).

<embed id="mySound" src="mySound.mid" loop="false" autostart="false" hidden="true" enablejavascript="true">
<button onclick="document.getElementById('mySound').src = 'song2.mp3';">Switch Song</button>
<button onclick="document.getElementById('mySound').Play();">Play</button>