Lernen Sie die JavaScript-API für die Vibration von Mobiltelefonen

Die neuen APIs, die in modernen Browsern bereitgestellt werden, tendieren zunehmend zu Mobiltelefonanwendungen und nicht zu herkömmlichen Desktop-Anwendungen, wie z. B. der JavaScript-API für Geolocation-Informationen. Eine weitere JavaScript-API, die nur auf mobile Anwendungen ausgerichtet ist, ist die Vibration API. Offensichtlich ermöglicht diese API mobilen Programmierern die Verwendung von JavaScript, um die Vibrationsfunktion des Telefons aufzurufen und die Vibrationsmethode und -dauer festzulegen.

Verwandte Lernempfehlungen: Javascript-Video-Tutorial

Bestimmen Sie die Unterstützung des Browsers für die Vibrations-API

Eine gute Angewohnheit. Überprüfen Sie einfach, ob Ihre aktuelle Anwendungsumgebung und Ihr Browser unterstützen die Vibrations-API, bevor Sie sie verwenden. Das Folgende ist die Erkennungsmethode:

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

Es gibt nur eine API für Vibrationen im window.navigator-Objekt: vibrate.

Vibration API Basic Application

Diese navigator.vibrate-Funktion kann einen numerischen Parameter oder ein numerisches Array akzeptieren. Bei Verwendung eines Array-Parameters ist der ungerade Ziffernwert die Anzahl der Vibrationssekunden und die gerade Zahl ist Bits sind die Anzahl der zu wartenden Sekunden.

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

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

Wenn Sie die Vibration stoppen möchten, müssen Sie nur 0 oder ein leeres Array an die navigator.vibrate-Methode übergeben:

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

Es ist zu beachten, dass der Aufruf der navigator.vibrate Die Methode führt nicht dazu, dass das Telefon zyklisch vibriert. Wenn der Parameter eine Zahl ist, erfolgt die Vibration einmal und stoppt dann. Wenn der Parameter ein Array ist, vibriert die Vibration entsprechend dem Wert im Array und hört dann auf zu vibrieren.

Kontinuierliche Vibration

Wir können einfach die Methoden setInterval und clearInterval verwenden, um den Effekt zu erzeugen, dass das Telefon kontinuierlich vibriert:

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);
}

Der obige Code ist nur für Vibration Wenn der Parameter eine Zahl ist und es sich bei dem Parameter um ein Array handelt, müssen Sie auch seine Gesamtdauer berechnen und dann eine Schleife basierend auf seinen Eigenschaften durchführen.

Szenarien für die Verwendung der Vibration API

Diese API ist offensichtlich auf Mobiltelefone ausgerichtet. Bei der Entwicklung mobiler WEB-Mobilanwendungen ist es ein gutes Warntool. Bei der Entwicklung von Webspielen oder Multimediaanwendungen ist diese Vibrationsfunktion eine unverzichtbare Technologie. Wenn ein Benutzer beispielsweise Ihr WEB-Spiel auf einem Mobiltelefon spielt und im Spiel eine Explosion auftritt und Sie das Mobiltelefon damit vibrieren lassen, ist das dann ein hervorragendes Benutzererlebnis?

Was halten Sie von dieser JavaScript-Vibrations-API? Glauben Sie, dass es schnell populär wird? Immer noch nicht von großem Nutzen?

Das obige ist der detaillierte Inhalt vonLernen Sie die JavaScript-API für die Vibration von Mobiltelefonen. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!