LoginSignup
12
8

More than 3 years have passed since last update.

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

Last updated at Posted 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>

12
8
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
12
8