Skip to content

Instantly share code, notes, and snippets.

@e8l
Last active February 27, 2019 05:27
Show Gist options
  • Star 1 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save e8l/6b67b8c11979e2df7489 to your computer and use it in GitHub Desktop.
Save e8l/6b67b8c11979e2df7489 to your computer and use it in GitHub Desktop.
Vibration APIについてのメモ

Vibration API

ってなに?

最近知ったんだけど、主にスマホ向けのブラウザにおいて、 ページ閲覧中にバイブさせることができるAPIらしい。 使い道が良く分からん

使用ブラウザだけではなく、端末によってもバイブできるものできないものがあるらしいけど、 簡単に使うことができるので、ここにメモしておく。

対応ブラウザ

ChromeとFirefoxは対応しているっぽい。 Webkit系も多分いけるはず。Androidのブラウザはダメ。 iPhone等は持ってないので知らん。

API

使い方1:指定時間だけバイブ

window.navigator.vibrate(200);

// Vender Prefix Version
window.navigator.mozVibrate(200);
window.navigator.webkitVibrate(200);

数値をミリ秒単位で渡せばその時間だけバイブしてくれる。 なお以下ではベンダープレフィックスをつけたバージョンは載せない。

使い方2:バイブと休止のタイミングを指定した一連のシーケンスでバイブさせる

window.navigator.vibrate([200,200,200,200,100,100,100,100,200,200]);
//                       [~~~     ~~~     ~~~     ~~~     ~~~    ]
//~~~ part shows that the device is vibrating.

数値の配列を渡すと、奇数番目の要素をバイブの時間、偶数番目の要素を次のバイブまでの休止時間と見なして バイブレーションしてくれる。要素数は奇数でも偶数でも問題がない

参考

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment