Eine neue API ist verfügbar. HTML5 wird (bald) die Vibration des Benutzergeräts unterstützen. Dies ist offensichtlich eine sehr interessante Sache, die zum Beispiel Erinnerungen für Benutzer auslösen und das Spielerlebnis verbessern kann.
Die neuen APIs, die in modernen Browsern bereitgestellt werden, orientieren sich zunehmend an Mobiltelefonanwendungen und nicht an traditionellen Desktop-Anwendungen, wie etwa der Javascript-Geolocation-Informations-API. 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 den Vibrationsmodus und die Dauer festzulegen.
Bestimmen Sie die Unterstützung des Browsers für die Vibrations-API
Eine gute Angewohnheit ist es, vor der Verwendung zu prüfen, ob Ihre aktuelle Anwendungsumgebung und Ihr Browser die Vibrations-API unterstützen. Das Folgende ist die Erkennungsmethode:
Der Code lautet wie folgt:
// Standards ftw! var supportsVibrate = "vibrate" in navigator;
Es gibt nur eine API für Vibrationen im window.navigator-Objekt: vibrate .
Grundlegende Anwendung der Vibrations-API
Die Funktion navigator.vibrate kann einen numerischen Parameter oder ein numerisches Array akzeptieren. Bei Verwendung von Array-Parametern sind die ungeraden Ziffern die Anzahl der zu vibrierenden Sekunden und die geraden -Nummerierte Ziffern sind die Anzahl der Sekunden.
// 1 Sekunde lang vibrieren
navigator.vibrate(1000);
// Mehrmals vibrieren
// Die Parameter sind 3 Sekunden lang vibrieren, 2 Sekunden warten und dann 1 Sekunde lang vibrieren
navigator.vibrate([3000, 2000, 1000]);
Wenn Sie aufhören möchten zu vibrieren, müssen Sie nur 0 oder ein leeres Array an die navigator.vibrate-Methode übergeben:
// Stop vibrating
navigator.vibrate(0); navigator.vibrate([]);
Erforderlich Zur Erinnerung: Der Aufruf der navigator.vibrate-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 gilt nur für Vibrationsparameter, die vorhanden sind eine Zahl. Wenn der Parameter ein Array ist, 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 gute Technologie. Wenn ein Benutzer beispielsweise Ihr WEB-Spiel auf einem Mobiltelefon spielt und es zu einer Explosion im Spiel kommt 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 gesamte Inhalt dieses Kapitels. Weitere verwandte Tutorials finden Sie unter JavaScript-Video-Tutorial, Html5-Video-Tutorial!
