More than 5 years have passed since last update.

JavaScript でスマホのバイブを鳴らす

Last updated at 2019-11-21Posted at 2019-11-20

OSやブラウザによって鳴ったり鳴らなかったり、でした。

window.navigator.*vibrate の引数の配列は、奇数番目が鳴らす時間、偶数番目が停止時間。
window.navigator.vibrate([200,200,200,200,200]); →ブルブルブル
window.navigator.mozVibrate([200,200,200]); →ブルブル
window.navigator.webkitVibrate([200]); →ブル
と、鳴らす回数を変えて、どの行で鳴っているか判断するつもり。

・Android(Xperia) + Chrome ではブルブルブルと3回鳴った。
・Android(Xperia) + FireFox でもブルブルブルと3回鳴った。
・Android(Xperia) + Opera でもブルブルブルと3回鳴った。
・Androidタブレット(Asus ZenPad) + Chrome では無反応。
・iOS + Chrome では「sorry (T-T)」。

index.html

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8"/>
    <meta name="viewport" content="initial-scale=1.0" />
    <title>スマホバイブ</title>
    <script>
      window.addEventListener("load", function(){
        document.getElementById("vibrate").addEventListener("click", function(){
          if(window.navigator.vibrate){
            window.navigator.vibrate([200,200,200,200,200]);
          }else if(window.navigator.mozVibrate){
            window.navigator.mozVibrate([200,200,200]);
          }else if(window.navigator.webkitVibrate){
            window.navigator.webkitVibrate([200]);
          }else{
            alert("sorry (T-T)");
          }
        }, true);
      }, true);
    </script>
  </head>
   
  <body>
    <form>
      <input type="button" id="vibrate" value="ぶるぶる">
    </form>
  </body>
</html>

You get articles that match your needs
You can efficiently read back useful information
You can use dark theme

What you can do with signing up