본문 바로가기

Programming/javascript

모바일웹에서 navigator vibrate 사용해 진동 기능 실행(Android 지원)

<script>
function callVibrate(n) {
if (n == undefined || n == null) { var n = 1000; }
/*
navigator.vibrate 
브라우저 내에서 모바일 디바이스 기기 진동을 발생
IOS 모바일 기기 (사파리 등 웹브라우저) 에서는 진동 기능 지원 안함
*/
// 작동되는 진동 메소드가 다르므로 통합
navigator.vibrate = navigator.vibrate || navigator.webkitVibrate || navigator.mozVibrate || navigator.msVibrate;                    

if (navigator.vibrate) {
console.log("vibrate : working");
navigator.vibrate(n); // 진동 수행 1000 = 1초   
// navigator.vibrate(0); // 진동 정지              
}
else {
console.log("vibrate : not working");
alert("진동을 지원하지 않는 기종 입니다.");
}
}
</script>
<button type="button" onclick="callVibrate(1000)" > 진동 시작 </button>
<button type="button" onclick="callVibrate(0)" > 진동 중지 </button>