html5携帯電話の音声でアクセラレーションが発生しない

Question

携帯電話を振ると、オーディオファイルがトリガーされます。私はボタンを押して再生するオーディオを得ることができます。最初のボタンを押すだけで、それを揺れで再生することもできます。 HTML

 var audio = new Audio('electornicnoise.mp3'); 

     $(document).ready(function() { 

      function onShake() { 
       audio.play(); 
      } 

      $.shake({ 
       callback: function() { 
        onShake(); 
       } 
      }); 

     }); 

：

<button onclick="audio.play();">audio</button> 

すべてのヘルプは非常に多くのだろう、私は揺れに再生するオーディオのための最初のボタンを押す必要がし​​たい...

javascriptをしないでください感謝。

Answer 1

私は最終的にボリュームを調整することでこれを行うことができました。したがって、ユーザーはまだボタンをクリックしなければならないが、ボタンをクリックしたときの音声は音量0であり、音声の場合は音量が0.5である。これは...コードです

のjavascript：

 var audio = new Audio('electornicnoise.mp3'); 

     audio.volume = 0; 

     function gotIt(){ 
      audio.play(); 
      $('#copyContainer').hide(); 
      $("img.bg").effect("shake", {times:2}, 300); 
     }8  

     $(document).ready(function() { 

      function onShake() { 
       audio.play(); 
       audio.volume = 0.5; 
       $("img.bg").effect("shake", {times:20}, 3000); 
      } 


      $.shake({ 
       debug: "#debugdiv",    // debug div id 
       supported: "#notsupporteddiv", // not supported message div 
       violence: 3.0,     // single shake sensitivity 
       hf: 0.2,      // high-pass filter constant 
       shakethreshold: 10,    // number of single shakes required to fire a shake event 
       debounce: 1000,     // delay between shake events (in ms) 
       callback: function() { 
        onShake(); 
       } 
      }); 

     }); 

HTML：

 <div id="copyContainer"> 
      <p>Shake the present to hear what's inside</p> 
      <button id="gotIt" onclick="gotIt();">Ok got it!</button> 

      <div id="notsupporteddiv"> 
       <p>Your device is not supported.</p> 
      </div> 
     </div>