Web tocie

携帯ぶるぶるボタン(｀・ω・´)

スマホのバイブレーション
ブラウザからスマホのバイブレーションいじれるかなと思ってたらできそうだったので作ってみた。 スマホで↓ボタンをタップするとぶるぶるします。 スマホバイブ
ぶるぶるした？？ Safariとかだと無理だと思うので、Chrome使おう！ ソースコードは次のとおりです。 
<!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]);
          }else if(window.navigator.mozVibrate){
            window.navigator.mozVibrate([200,200]);
          }else if(window.navigator.webkitVibrate){
            window.navigator.webkitVibrate([200, 200]);
          }else{
            alert("対応していないみたい。(´；ω；｀)")
          }
        }, true);
      }, true);
    </script>

  </head>

<body>
    <form>
      <button type="button" id="vibrate" value="ぶるぶる" style="display: block; margin: 0 auto" >ブルブル！</button>
    </form>
  </body>
</html>

参考
https://developer.mozilla.org/ja/docs/Web/Guide/API/Vibration

以下はJavaScriptを学ぶ上でおすすめの本です。

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

RECOMMENDこちらの記事も人気です。

ABOUTこの記事をかいた人

普段はWebマーケティングやったり、コード書いたりしています。 アプリ開発とロードバイクが趣味です(^^)

NEW POSTこのライターの最新記事