javascript - How do I create a "sound on sound off" button? - Stack Overflow

admin管理员组

文章数量:1425786

I've seen many web pages with a simple sound on /sound off button which plays music or some mp3 file when you press sound on and turns it off when you press off.

How do I do that?

Hi, I wasn't planning on using Flash -- if there is a standard plugin I could use and then make modification to the script, that'd be cool.

I'm open to whatever is the "standard" way to do it.

I've seen many web pages with a simple sound on /sound off button which plays music or some mp3 file when you press sound on and turns it off when you press off.

How do I do that?

Hi, I wasn't planning on using Flash -- if there is a standard plugin I could use and then make modification to the script, that'd be cool.

I'm open to whatever is the "standard" way to do it.

• javascript
• html
• flash
• audio
• mp3

Share Improve this question Follow edited May 27, 2009 at 0:59 Satchel asked May 25, 2009 at 6:34 SatchelSatchel 16.7k2323 gold badges108108 silver badges194194 bronze badges 1

• Hi, all, thanks for the answers -- I'm not doing it in flash. I just grabbed Google's sound-player script and am using that! – Satchel Commented Jun 23, 2009 at 20:20

Add a ment  | 

5 Answers 5

Sorted by: Reset to default 1

Here's the proper way to do it in AS3.

Initialization:

var sound:Sound;
var channel:SoundChannel;
var pos:Number;
var numLoops:Number = 0; // 0 to loop forever

sound = new Sound();
sound.load( new URLRequest("song.mp3") );
channel = sound.play( 0, numLoops );

Stop playback:

pos = channel.position;
channel.stop();

Start playback:

channel = sound.play( pos, numLoops );

It's true that you could toggle the volume to zero and back, but this leaves needless overhead, and when you restart the sound it will have advanced from where you "stopped" it.

I used google and then I used pixel1 standalone

You can try embed my Javascript SoundPlayer and see if that works out for you. Its easy to use, just copy the code below into your webpage.

<script language="javascript" type="text/javascript" src="http://lablogic/scripts/soundplayer/audio_o.js"></script>

<a href="#" onclick='play("your-sound-file.mp3")'>PLAY</a>
<a href="#" onclick='stop("your-sound-file.mp3")'>STOP</a>

just change "your-sound-file.mp3" to the url or location of your sound file. It should work in most browser and most sound format. If it doesnt work I would really like to get feedback, so I can improve it even more. You can try out the script here to see if it works first: free javascript sound player

Are you using Flash? In that case you can do it like this:

stopAllSounds();

or

theSound.stop(["id"]);

Assuming you are using Flash as above.

AS2

stopAllSounds();

AS3

var xf:SoundTransform = SoundMixer.soundTransform;
xf.volume = 0;
SoundMixer.soundTransform = xf;

本文标签： javascriptHow do I create a quotsound on sound offquot buttonStack Overflow