JavaScript 휴대폰 진동 API 알아보기

최신 브라우저에서 제공되는 새로운 API는 JavaScript 지리 위치 정보 API와 같은 기존 데스크톱 애플리케이션보다는 휴대폰 애플리케이션 쪽으로 점점 더 기울어지고 있습니다. 모바일 애플리케이션만을 대상으로 하는 또 다른 JavaScript API는 Vibration API입니다. 분명히 이 API를 사용하면 모바일 프로그래머는 JavaScript를 사용하여 전화기의 진동 기능을 호출하고 진동 방법과 지속 시간을 설정할 수 있습니다.

관련 학습 권장사항: javascript 비디오 튜토리얼

브라우저의 진동 API 지원 여부를 확인하세요

사용하기 전에 현재 애플리케이션 환경과 브라우저가 진동 API를 지원하는지 확인하는 것이 좋은 습관입니다. 감지 방법은 다음과 같습니다.

// Standards ftw!
var supportsVibrate = "vibrate" in navigator;

window.navigator 개체에는 진동에 관한 API가 vibrate 하나만 있습니다. window.navigator对象里就只有一个关于振动的API：vibrate。

振动API基础应用

这个navigator.vibrate函数可以接受一个数字参数，也可以接受一个数字数组，当使用数组参数时，奇数位的数值是震动秒数，偶数位为等待秒数。

// 振动1秒
navigator.vibrate(1000);

// 振动多次
// 参数分别是震动3秒，等待2秒，然后振动1秒
navigator.vibrate([3000, 2000, 1000]);

如果想停止震动，你只需要向navigator.vibrate方法里传入0，或一个空数组：

// 停止振动
navigator.vibrate(0);
navigator.vibrate([]);

需要提醒的是，对navigator.vibrate方法的调用并不会引起手机循环振动；当参数是一个数字时，振动之后发生一次，然后就停止下来。当参数是数组时，震动会按数组里的值震动，然后就停止振动。

持续震动

我们可以简单的使用setInterval 和 clearInterval

Vibration API 기본 애플리케이션

이 navigator.vibrate 함수는 숫자 매개변수 또는 숫자 배열을 사용할 수 있습니다. 배열 매개변수를 사용할 때 홀수 숫자는 진동 초 수이고 짝수 숫자는 숫자입니다. -자리 숫자는 진동 초입니다. 대기할 시간(초)입니다.

var vibrateInterval;

// Starts vibration at passed in level
function startVibrate(duration) {
	navigator.vibrate(duration);
}

// Stops vibration
function stopVibrate() {
	// Clear interval and stop persistent vibrating 
	if(vibrateInterval) clearInterval(vibrateInterval);
	navigator.vibrate(0);
}

// Start persistent vibration at given duration and interval
// Assumes a number value is given
function startPeristentVibrate(duration, interval) {
	vibrateInterval = setInterval(function() {
		startVibrate(duration);
	}, interval);
}

진동을 중지하려면 navigator.vibrate 메서드에 0 또는 빈 배열만 전달하면 됩니다.

rrreee

navigator.vibrate를 상기해야 합니다. code> code> 메소드를 호출하면 매개변수가 숫자인 경우 전화기가 주기적으로 진동하지 않으며 진동은 한 번 발생한 다음 중지됩니다. 매개변수가 배열인 경우 배열의 값에 따라 진동이 진동한 후 진동을 멈춥니다.

지속적인 진동🎜🎜단순히 setInterval 및 clearInterval 메소드를 사용하여 휴대폰을 지속적으로 진동시키는 효과를 생성할 수 있습니다. 🎜rrreee🎜위 코드는 진동 매개변수 숫자의 경우 매개변수가 배열이면 전체 지속 시간도 계산한 다음 해당 특성을 기반으로 루프해야 합니다. 🎜🎜진동 API를 사용하는 시나리오🎜🎜이 API는 분명히 휴대폰 장치를 대상으로 합니다. 모바일 WEB 모바일 애플리케이션을 개발할 때 좋은 경고 도구입니다. 웹 게임이나 멀티미디어 애플리케이션을 개발할 때 이 진동 기능은 필수적인 기술입니다. 예를 들어, 사용자가 휴대폰으로 WEB 게임을 하고 있는데, 게임에서 폭발이 일어나면 그에 따라 휴대폰이 진동하게 된다면 과연 훌륭한 사용자 경험일까요? 🎜🎜이 JavaScript 진동 API에 대해 어떻게 생각하시나요? 빨리 인기를 끌 것 같나요? 아직도 별로 쓸모가 없나요? 🎜

위 내용은 JavaScript 휴대폰 진동 API 알아보기의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!