JavaScript 携帯電話振動 API を学ぶ

最新のブラウザで提供される新しい API は、JavaScript 地理位置情報 API などの従来のデスクトップ アプリケーションではなく、携帯電話アプリケーションにますます傾いています。モバイル アプリケーションのみを対象としたもう 1 つの JavaScript API は、Vibration API です。明らかに、この API を使用すると、モバイル プログラマーは JavaScript を使用して電話の振動機能を呼び出し、振動の方法と持続時間を設定できます。

関連する学習の推奨事項: JavaScript ビデオ チュートリアル

ブラウザの振動 API サポートを判断する

良い習慣かどうかを確認してください。現在のアプリケーション環境とブラウザが振動 API をサポートしていることを確認してから使用してください。検出方法は次のとおりです:

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

window.navigator オブジェクトには振動に関する API が 1 つだけあります: vibrate。

Vibration API 基本アプリケーション

この navigator.vibrate 関数は数値パラメータまたは数値配列を受け取ることができます。配列パラメータを使用する場合、奇数桁の値は振動する秒数、偶数桁は待機秒数です。

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

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

振動を停止したい場合は、0 または空の配列を navigator.vibrate メソッドに渡すだけです。

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

次のことに注意してください。 for navigator.vibrate メソッドの呼び出しでは、電話機は周期的に振動しません。パラメーターが数値の場合、振動は 1 回発生してから停止します。パラメータが配列の場合、振動は配列の値に従って振動し、その後振動が停止します。

連続振動

setInterval メソッドと clearInterval メソッドを使用するだけで、電話機を連続的に振動させる効果を生成できます。

上記のコードは振動パラメータが数値の場合のみですが、パラメータが配列の場合はその合計持続時間を計算し、その特性に基づいてループする必要があります。

Vibration API を使用するシナリオ

この API は明らかに携帯電話デバイスをターゲットとしています。モバイルWEBアプリケーション開発時には、この振動機能は良い警告ツールであり、Webゲームやマルチメディアアプリケーション開発時には、この振動機能は欠かせない優れた技術です。例えば、ユーザーが携帯電話でWEBゲームをプレイしているときに、ゲーム内で爆発が起きて携帯電話が振動したとき、それは優れたユーザーエクスペリエンスと言えるでしょうか？

この JavaScript 振動 API についてどう思いますか?すぐに人気が出ると思いますか？まだあまり役に立ちませんか？

以上がJavaScript 携帯電話振動 API を学ぶの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。