자바스크립트 "Vibration API"

Vibration API는 웹 개발자가 특정 이벤트나 사용자 작업에 응답하여 사용자의 장치(예: 스마트폰 또는 태블릿)를 진동시킬 수 있는 JavaScript API입니다. 이는 햅틱 피드백을 제공하거나 사용자에게 특정 이벤트 또는 알림을 알리는 데 유용할 수 있습니다.

​

Vibration API는 Chrome, Firefox, Safari 및 Edge를 포함한 대부분의 최신 웹 브라우저에서 지원됩니다. 그러나 모든 장치에 진동 모터가 있는 것은 아니며 일부 사용자는 장치에서 진동을 비활성화했을 수 있습니다. 따라서 Vibration API를 사용할 수 없거나 사용하지 않기로 선택한 사용자를 위한 대체 옵션을 제공하는 것이 중요합니다.

​

다음은 Vibration API를 사용하여 사용자의 기기를 500밀리초 동안 진동시키는 방법의 예입니다.

​

navigator.vibrate(500);

​

이 코드는 사용자의 기기를 500밀리초 동안 진동시킵니다. `vibrate` 메서드에 값 배열을 전달하여 사용자 지정 진동 패턴을 만들 수도 있습니다. 예를 들어 다음 코드는 200밀리초 동안 장치를 진동시키고 100밀리초 동안 일시 중지한 다음 500밀리초 동안 다시 진동합니다.

​

navigator.vibrate([200, 100, 500]);

​

`clearInterval` 메서드를 사용하여 진동 패턴을 중지할 수도 있습니다. 예를 들어 다음 코드는 1000밀리초 동안 장치를 진동시킨 다음 진동을 중지합니다.

​

let vibrationInterval = setInterval(() => {

navigator.vibrate(100);

}, 100);

​

setTimeout(() => {

clearInterval(vibrationInterval);

}, 1000);

​

과도한 진동 사용은 일부 사용자에게는 성가시거나 심지어 해로울 수 있으므로 이 API를 책임감 있게 사용하고 사용자 경험을 고려하여 사용하는 것이 중요합니다.