Vibration API , 진동 API

less than 1 minute read

HTML 5쪽에 Recommendation 상태로 되어있는 API 모바일 크롬과 모바일 FF에서 지원이 된다. (모바일 크롬에서 테스트 완료.) (데스크탑 크롬에서도 동작은 하지만, 진동 장치가 없어서 진동이 발생되지는 않는다.)

실행하면 모바일 기기에서 진동이 발생한다. window.navigator.vibrate({진동시간(ms)}); 로 설정하고

window.navigator.vibrate([{진동시간(ms)},{쉬는시간(ms)},{진동시간(ms)}]); 처럼 패턴을 줄 수도 있다.

단일

<code class=" language-js" style="margin: 0px; border: 0px; font-weight: inherit; font-family: Consolas, Monaco, "Andale Mono", "Ubuntu Mono", monospace; word-wrap: normal; direction: ltr; white-space: pre; word-spacing: normal; word-break: normal; line-height: 1.5; tab-size: 4; color: rgb(77, 78, 83); text-shadow: none; position: relative;">window.navigator.vibrate(200);
window.navigator.vibrate([200]);

팬턴 <code class=" language-js" style="margin: 0px; border: 0px; font-weight: inherit; font-family: Consolas, Monaco, &quot;Andale Mono&quot;, &quot;Ubuntu Mono&quot;, monospace; word-wrap: normal; direction: ltr; white-space: pre; word-spacing: normal; word-break: normal; line-height: 1.5; tab-size: 4; color: rgb(77, 78, 83); text-shadow: none; position: relative;">window.navigator.vibrate([200, 100, 200]);

캔슬 <code class=" language-js" style="font-family: Consolas, Monaco, &quot;Andale Mono&quot;, &quot;Ubuntu Mono&quot;, monospace; color: rgb(77, 78, 83); white-space: pre; margin: 0px; border: 0px; font-weight: inherit; word-wrap: normal; direction: ltr; word-spacing: normal; word-break: normal; line-height: 1.5; tab-size: 4; text-shadow: none; position: relative;">window.navigator.vibrate(0);

지원 

  • 데스크탑
  • 크롬
  • FF

  • 모바일
  • 크롬
  • FF

테스트

  • 안드로이드 크롬 : 동작 확인
  • iOS 크롬 : 동작 안됨

test HTML


🔗original-link

Updated: