Vibration API

https://developer.mozilla.org/ja/docs/Web/API/Vibration_API

バイブレーションするweb API

Chrome for Androidでは、user gestureから起動しないと動かない

example.js

navigator.vibrate([1000, 1000, 1000, 1000, 1000, 1000, 1000,]);

window.navigator.vibrate(5000);

window.navigator.vibrate([200]);

samples

Vibration API Sample

［ヅ］ JavaScript でスマホが振動する Web ページを作る (((( ；ﾟДﾟ))) (2014-05-09)

(((( ；ﾟДﾟ))) Sample of Vibration API

JavaScriptプログラミング講座【Vibration API について】

これの5秒間振動させるサンプルだけchrome for android@AQUOS sense6で動かせた

動かない？

navigator.vibrateのAndroidでの動作について

1001ms以上なら震えた！！！！！takker

何その非公式仕様

まあいいや。これでリマインド付きカウントダウンタイマーUserScriptを作れるぞ！！！

example2.js

const button = document.createElement("button");

button.style.position = "fixed";

button.style.top = "20%";

button.style.left = "5%";

const duration = 1001;

button.textContent = `${duration}`;

button.addEventListener("click", () => {

navigator.vibrate([duration, 200, duration, 200, duration]);

button.remove();

});

document.body.append(button);

スマホの画面を消すと止まってしまう

#2023-04-14 08:28:29

#2023-04-13 07:43:57