モバイルデバイスの人気により、より多くのユーザーが攜帯電話やタブレットを介してWebページにアクセスするようになりました。 2013年12月の時(shí)點(diǎn)で、5つのWebページの訪問(wèn)に1つはモバイルデバイスからのものでした。ウェブサイトまたはアプリがモバイルデバイスに適応できる場(chǎng)合、この比率は高くなる可能性があります。マルチデバイス開(kāi)発は課題に直面していますが、デスクトップコンピューターが達(dá)成できない可能性ももたらします。たとえば、振動(dòng)メカニズムは、新しいメッセージや呼び出しを思い出させる?yún)g純な觸覚フィードバックデバイスです。騒々しい環(huán)境や靜かな環(huán)境で特に役立ちます（音は干渉を引き起こす可能性があります）。アプリが振動(dòng)機(jī)能を使用できる場(chǎng)合、それは素晴らしいことではないでしょうか？

• ウォーキングルートの指示：左折し、2回振動(dòng)します。
• イベントが発生した場(chǎng)合、または誰(shuí)かに近づいている場(chǎng)合、電話は特定の方法で振動(dòng)します。
• 振動(dòng)ベースのモールスコードを使用して秘密のメッセージを送信できます！
• ゲームは、ミサイルに衝突したり襲われたりすると、振動(dòng)することでゲームエクスペリエンスを向上させることができます。

HTML5 Vibration APIを使用すると、これを行うことができます！

振動(dòng)は必要ですか？

電話を振動(dòng)させることができるからといって、それをする必要があるという意味ではありません。振動(dòng)はバッテリーをひどく排出する可能性があるため、バッテリーが低い場(chǎng)合、またはゲームが現(xiàn)在のタブで実行されていない場(chǎng)合は、無(wú)効にすることをお?jiǎng)幛幛筏蓼?。アプリケーションに応じて、ユーザーオプションを提供して、振動(dòng)條件を有効、無(wú)効化、または構(gòu)成できるようにすることをお?jiǎng)幛幛筏蓼埂?

ブラウザのサポートと検出

このAPIは比較的新しいものであり、現(xiàn)在、FirefoxおよびChromeサポートの最新バージョンに限定されています。以前のバージョンでは、それぞれMOZとWebKitプレフィックスが必要です。また、振動(dòng)メカニズムを備えたデバイスを使用する必要があります。APIはブラウザで使用できる場(chǎng)合がありますが、振動(dòng)メカニズムがなければ、それが機(jī)能するかどうかはわかりません。次のチェックを使用して、振動(dòng)サポートを検出します

if ("vibrate" in navigator) {
    // 支持振動(dòng) API
}

プレフィックスバージョンを確認(rèn)して使用するには、次のコードを使用できます。

振動(dòng)の基本

// 啟用振動(dòng)支持
navigator.vibrate = navigator.vibrate || navigator.webkitVibrate || navigator.mozVibrate || navigator.msVibrate;

if (navigator.vibrate) {
    // 支持振動(dòng) API
}

基本的な振動(dòng)は、ミリ秒をnavigator.vibrateに渡すことで設(shè)定できます。

または、ミリ秒で指定された振動(dòng)パラメーターと遅延パラメーターを含む配列を渡すことができます。たとえば、500ミリ秒間振動(dòng)し、300ミリ秒待ってから、再び100ミリ秒間振動(dòng)します。

// 振動(dòng)一秒鐘
navigator.vibrate(1000);

インデックスを使用した項(xiàng)の項(xiàng)は、振動(dòng)時(shí)間を定義します（アレイはゼロから始まるため、1つ目と3番目の項(xiàng)はそれぞれ0と2です）。奇數(shù)インデックスを持つ配列アイテムは、遅延時(shí)間を定義します。振動(dòng)は非ブロッキングです。振動(dòng)を止めるために、ゼロをnavigator.vibrateに渡すことができます。この概念は、ゲームで役立ちます。たとえば、ユーザーが車をクラッシュさせると、navigator.vibrate（10000）を設(shè)定します。ただし、衝突効果が10秒以內(nèi)に終了する場(chǎng)合は、navigator.vibrate（0）を設(shè)定して振動(dòng)を終了します。

振動(dòng)デモ

// 振動(dòng)一秒鐘
navigator.vibrate([500, 300, 100]);

デバイスでAPIをテストするには...振動(dòng)APIデモを表示...すべてのHTML、CSS、およびJavaScriptソースコードを表示します。フォームパラメーターは、[開(kāi)始]をクリックするときにnavigator.vibrateに渡される配列を構(gòu)築します。 [停止]ボタンがクリックされると、navigator.vibrate（0）があります。振動(dòng)APIを好きなだけ使用してください。興味深い用途がある場(chǎng)合はお知らせください。

html5振動(dòng)API faq

HTML5振動(dòng)APIとは何ですか？

HTML5 Vibration APIは、開(kāi)発者がデバイスの振動(dòng)ハードウェアをプログラム的にアクセスできる強(qiáng)力なツールです（存在する場(chǎng)合）。これは、通知の受信やボタンの押しなど、さまざまなイベントに基づいてユーザーに觸覚フィードバックを提供するために使用できます。最終決定がオペレーティングシステムとユーザーの設(shè)定に委ねられるため、APIは振動(dòng)が発生することを保証しないことに注意する必要があります。

私のWebアプリケーションでVibration APIを使用する方法は？

振動(dòng)APIを使用するには、navigator.vibrate（）メソッドを呼び出す必要があります。この方法は、単一の整數(shù)または整數(shù)の配列を受け入れます。単一の整數(shù)は、振動(dòng)のミリ秒數(shù)を表します。整數(shù)の配列は、振動(dòng)と一時(shí)停止モードを表します。たとえば、navigator.vibrate（200）はデバイスを200ミリ秒間振動(dòng)させ、navigator.vibrate（[200、100、200]）はデバイスを200ミリ秒間振動(dòng)させ、100ミリ秒間一時(shí)停止し、200ミリ秒間再び振動(dòng)する。

すべてのデバイスで振動(dòng)APIを使用できますか？

振動(dòng)APIは、主に振動(dòng)ハードウェアが組み込まれたモバイルデバイスで使用されています。ただし、APIは任意のデバイスで呼び出すことができます。デバイスが振動(dòng)をサポートしていない場(chǎng)合、navigator.vibrate（）への呼び出しは単純に無(wú)視されます。

デバイスが振動(dòng)APIをサポートするかどうかを確認(rèn)する方法は？

ナビゲーターオブジェクトの振動(dòng)プロパティを使用して、デバイスがVibration APIをサポートするかどうかを確認(rèn)できます。このプロパティが存在する場(chǎng)合、デバイスはAPIをサポートします。これを行う方法は次のとおりです。 振動(dòng)が終わる前に振動(dòng)を止めることはできますか？

はい、パラメーター0または空の配列を使用してnavigator.vibrate（）メソッドを呼び出すことで、終了する前に振動(dòng)を停止できます。たとえば、navigator.vibrate（0）またはnavigator.vibrate（[]）。

すべてのブラウザは振動(dòng)APIをサポートしていますか？

Chrome、Firefox、Operaを含むほとんどの最新のブラウザーは、Vibration APIをサポートしています。ただし、Internet Explorerはそれをサポートしておらず、Safariにはサポートが限られています。

ワーカースレッドコンテキストで振動(dòng)APIを使用できますか？

いいえ、振動(dòng)APIは、ワーカースレッドのコンテキストでは使用できません。メインブラウザのコンテキストでのみ使用できます。

振動(dòng)APIの使用に制限はありますか？

はい、振動(dòng)APIを使用することにはいくつかの制限があります。たとえば、一部のブラウザーでは、APIは、亂用や迷惑な使用を防ぐために、クリックやタッチなどのユーザーアクションに応答してのみ使用できます。

振動(dòng)の強(qiáng)度を指定できますか？

いいえ、振動(dòng)APIでは、振動(dòng)の強(qiáng)度を指定することはできません。強(qiáng)度は、デバイスのハードウェアとオペレーティングシステムによって制御されます。

振動(dòng)APIを使用して複雑な振動(dòng)モードを作成できますか？

はい、navigator.vibrate（）メソッドに整數(shù)の配列を渡すことにより、振動(dòng)APIを使用して複雑な振動(dòng)パターンを作成できます。配列內(nèi)の各整數(shù)は、振動(dòng)または一時(shí)停止の期間を表します。たとえば、navigator.vibrate（[200、100、200、100、200]）は、3つの振動(dòng)で構(gòu)成されるパターンを作成します。それぞれが続く200ミリ秒、それぞれ100ミリ秒続く2つのポーズで區(qū)切られます。

以上がHTML5振動(dòng)APIの使用方法の詳細(xì)內(nèi)容です。詳細(xì)については、PHP 中國(guó)語(yǔ) Web サイトの他の関連記事を參照してください。