カット＆ペーストHTML5マウスオーバー/効果音のスクリプトを

Question

をクリックして、私はこのサイトに掲載され、次のスクリプトを使用しています：それは素晴らしい作品が、私はこのスクリプトを拡張し、チェックボックスを使って音をミュートしたいhttp://www.javascriptkit.com/script/...oundlink.shtml

を。このチェックボックスはid：のサウンドを持っています。オンにすると、音が聞こえます。チェックを外すと音が聞こえません。

これは、私は現在、チェックボックスを持っているコードです： コード：

function playSound() { 
    if (document.getElementById('sound').checked){ 
     -something needs to be added here to make it work?- 
    } 
} 

誰でもこの作品を作るためにどのようにアイデアを持っていますか？

感謝

Answer 1

機能muteIt（ボックス）{ 場合（clicksound）{ clicksound.muted = box.checked本当？：偽; } if（mouseoversound）{ mouseoversound.muted = box.checked？true：false;だから、 }}

Answer 2

<script> 

// Mouseover/ Click sound effect- by JavaScript Kit (www.javascriptkit.com) 
// Visit JavaScript Kit at http://www.javascriptkit.com/ for full source code 

//** Usage: Instantiate script by calling: var uniquevar=createsoundbite("soundfile1", "fallbackfile2", "fallebacksound3", etc) 
//** Call: uniquevar.playclip() to play sound 

var html5_audiotypes={ //define list of audio file extensions and their associated audio types. Add to it if your specified audio file isn't on this list: 
    "mp3": "audio/mpeg", 
    "mp4": "audio/mp4", 
"ogg": "audio/ogg", 
"wav": "audio/wav" 
} 

function createsoundbite(sound){ 
    var html5audio=document.createElement('audio') 
    if (html5audio.canPlayType){ //check support for HTML5 audio 
     for (var i=0; i<arguments.length; i++){ 
      var sourceel=document.createElement('source') 
      sourceel.setAttribute('src', arguments[i]) 
      if (arguments[i].match(/\.(\w+)$/i)) 
       sourceel.setAttribute('type', html5_audiotypes[RegExp.$1]) 
      html5audio.appendChild(sourceel) 
     } 
     html5audio.load() 
     html5audio.playclip=function(){ 
        if (document.getElementById('sound').checked){ 

       html5audio.pause() 
        html5audio.currentTime=0 
        html5audio.play() 

        } 
     } 
    return html5audio 
} 
else{ 
    return {playclip:function(){throw new Error("Your browser doesn't support HTML5 audio unfortunately")}} 
} 
} 

//Initialize two sound clips with 1 fallback file each: 

var mouseoversound=createsoundbite("whistle.ogg", "whistle.mp3") 
var clicksound=createsoundbite("click.ogg", "click.mp3") 

</script> 

ボックスがチェックされている場合、それはチェックします。そうであれば、それは再生されます。そうでなければ、それは再生されません。