如何使用 javascript 静音/取消静音音频

Question

I have created a fiddle of my function here( http://jsfiddle.net/rhy5K/10/ ) . Now i want to provide the Sound "Mute/unpute" option for users. Example if i click on "a link then sound playing like Get ready,5,4,3,2,1 should be mute and vice-versa.

I am thinking like to call a to toggle_sound function on click, but i am confuse like what should i write inside the function to mute the sound.

Please provide me a logic, or a solution for my problem.

Explanation using code example:

I want to MUTE/UnMUTE this below sound playing

var playGetReady = function (done) {
    var ids = ['audiosource', 'a_5', 'a_4', 'a_3', 'a_2', 'a_1'],
        playNext = function () {
            var id = ids.shift();
            document.getElementById(id).play();
            if (ids.length) {
                setTimeout(playNext, 1000);
            } else {
                done();
            }
        };
    playNext();
};

Warning: This JS fiddle demo may play sound on load

Answer 1

Try

HTML5 Video_tag for display video with audio

or this below example along with html5 with jquery

window.my_mute = false;

$('#my_mute_button').bind('click', function(){

 $('audio,video').each(function(){ if (!my_mute ) { if( !$(this).paused ) { $(this).data('muted',true); //Store elements muted by the button. $(this).pause(); // or .muted=true to keep playing muted } } else { if( $(this).data('muted') ) { $(this).data('muted',false); $(this).play(); // or .muted=false } } }); my_mute = !my_mute;

});

Answer 2

I think you can use:

document.getElementById(id).volume = 1;

or

document.getElementById(id).volume = 0;