JavaScript의 Vibration API

진동은 주로 모바일 사용자를 위한 모든 작업에 대해 사용자에게 물리적 피드백을 제공하는 가장 좋은 방법입니다. 예를 들어, 경고 메시지나 경고를 표시하는 동안, 메시지나 알림을 받는 동안 등.

Vibration API를 사용하면 웹 앱이 장치의 진동 하드웨어(존재하는 경우)에 액세스하여 진동을 생성할 수 있습니다. 동일한 목적을 위한 메소드navigator.vibrate()를 제공합니다.

navigator.vibrate() 메소드

이 방법은 밀리초 단위의 진동 지속 시간 값을 사용하여 해당 시간 동안 장치를 진동시킵니다.

navigator.vibrate(500); 
// device will vibrate for 500ms

Vibration API는 IE, Opera, Safari 등 일부 브라우저에서는 지원하지 않으므로 브라우저 지원 여부를 확인하신 후 사용하시는 것이 좋습니다.

if (navigator.vibrate) {
   navigator.vibrate(500);
}

패턴으로 진동

vibrate() 메서드는 값 배열을 인수로 허용할 수도 있습니다. 진동하는 시간과 진동하지 않는 시간에 대해 서로 다른 값을 제공할 수 있습니다. 짝수 인덱스의 값에 대해서는 진동하고 홀수 인덱스의 값에 대해서는 일시 중지합니다.

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

여기서는 먼저 320ms 동안 진동하고 200ms 동안 멈춘 다음 다시 320ms 동안 진동하고 1000ms 동안 멈춥니다.

실행 중인 진동을 취소하려면 0 또는 빈 배열을 인수로 전달하여 vibrate() 메서드를 호출할 수 있습니다.

navigator.vibrate(0);
// OR
navigator.vibrate([]);

당신은 또한 좋아할 수 있습니다

Send push notifications with the Notification API in JavaScript

Play audio with HTMLAudioElement API in JavaScript

The URLSearchParams API in JavaScript

JavaScript Fetch API to make HTTP requests

Map in JavaScript and when it's a better choice than Object

JavaScript Set object to store unique values

Generator functions in JavaScript

A brief guide to Object.defineProperty() method

A brief guide to Promises in JavaScript

20+ JavaScript shorthand coding tricks

시간 내주셔서 감사합니다 ❤️
jscurious.com에서 웹 개발에 대한 내 글을 더 찾아보십시오.