jQueryを使用してページのHTML5オーディオを制御する

Question

HTML5アニメーションを使用してコード化される簡単なツアーを自分のウェブサイトに構築しました。 HTML5オーディオタグのサウンドが使用され、ツアーはjqueryを使用して読み込まれます。

ツアーがロードされると、オーディオの再生が開始され、ユーザーはリンクを切り替えてサウンドをミュートすることができます。ツアーを終了すると、オーディオがリセットされます。

私はこの作業の一部を持っていますが、適切に音楽を切り替えるとオフし、その後、彼らはツアーを閉じた場合、それを完全に止めることはできないようです。誰も助けることができますか？

var sound; 

      $(document).ready(function() 
      { 
       sound = $('#soundTour'); 

       $('.sound a').click(function() 
       { 
        $(this).parents('div').toggleClass('mute'); 

        if (sound.paused) 
        { 
         sound.play(); 
        } 
        else 
        { 
         sound.pause(); 
        } 
       }); 

       $('.showTour').click(function() 
       { 
        $('body').addClass('theatre'); $('#tour').fadeIn('slow', function() { }); 

        sound.trigger('play'); 
       }); 

       $('#tour').find('.tourClose').click(function() 
       { 
        $('body').removeClass('theatre'); $('#tour').fadeOut('slow', function() { }); 

        sound.currentTime=0; 
        sound.pause(); 

       }); 

      }); 

Answer 1

は、次のような本当に「停止」であることを言うことは困難である、投稿のコードで定義されていないイベントをトリガするためにjQueryのトリガーを（）を使用しているが、一般的なルールとして、HTML5音声はありません。ストップ（）関数は、のみ（遊び）とオーディオをリセットするために、）（一時停止もう一度ソースを定義するか、そうのような、ゼロに.currenttimeを設定：

var audioElm = document.getElementById('soundTour'); 
    audioElm.src = 'myaudio.mp3'; 
    audioElm.load(); 

又は

var audioElm = document.getElementById('soundTour'); 
    audioElm.currentTime=0; 
    audioElm.pause(); 

currentTiを設定する私は最初にオーディオを巻き戻し、本当にそれを止めません。

ここでは、その方法の1つを示すためのフィドルです。 http://jsfiddle.net/adeneo/n6Bar/1/