2013-10-08 187 views
2

我在这里创建了一个我的函数的小提琴(http://jsfiddle.net/rhy5K/10/)。现在我想为用户提供声音“静音/不可见”选项。例如,如果我的“点击一个链接,然后声音播放像​​应该是静音,反之亦然。如何使用javascript将音频静音/取消静音

我想喜欢叫上点击toggle_sound功能,但我混淆像我应该写什么在函数内部。要静音

请提供给我一个逻辑,或对我的问题的解决方案

说明使用的代码示例:

我想静音/取消静音下面这个声音播放

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(); 
}; 

警告:这个js小提琴演示播放声音负载

+0

使用'的document.getElementById(id)的.setVolume(0);'静音 – Ian

+0

或'的document.getElementById( id).muted = true;' – Oliboy50

+0

http://stackoverflow.com/questions/10075909/how-to-set-the-loudness-of-html5-audio或http://stackoverflow.com/questions/13937118/set -volume-html-5-audio-tag-with-javascript – Alex

回答

1

尝试

HTML5 Video_tag显示的视频与音频

或 这个例子如下以及html5与jquery

window.my_mute = false;

$( '#my_mute_button')绑定( '点击',函数(){

$('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; 

})。

+0

你可以用你的代码更新我的小提琴(http://jsfiddle.net/rhy5K/10/)吗? – beginner

+0

请根据我的问题删除你的答案对我没用。它既没有解决我的问题 – beginner

0

我认为你可以使用:

document.getElementById(id).volume = 1; 

document.getElementById(id).volume = 0; 
+0

,但在应用此之前,我如何检查声音是否播放?最好能更新我的小提琴(http://jsfiddle.net/rhy5K/10/)? – beginner

+0

看到这个例子: http://www.livrohtml5.com.br/codigos/cap_03/c3-audio-ex2.html –

+0

我知道的那些链接,但你真的想帮助我的手段,PLZ更新与我的小提琴按我的意愿回答。您的链接不能解决我的问题 – beginner