近接APIの導入

コアポイント

• close-range api近接センサーを使用して、デバイスとオブジェクト間の距離を測定し、距離情報を提供します。このAPIはセンサーAPIの一部ではなく、スタンドアロンAPIです。
このAPIは、携帯電話が耳に近いときに画面を自動的にオフにする機能など、広く使用されており、オブジェクト（手など）がデバイスの近くにあるときに音楽プレーヤーを一時停止します。
Close-range APIは、2つのイベントを定義します。
• デバイスと近くのオブジェクト間の距離に関する情報を提供します。これらのイベントは聞いて応答することができます。 deviceproximity userproximity現在、近距離APIのサポートは低く、Firefox（デスクトップとモバイル、バージョン15以降）のみですが、W3C候補の推奨基準を満たしています。
モバイルデバイスは人生の不可欠な部分になりました。それらを適度に使用することで、バス情報のクエリ、最寄りの地下鉄駅やイタリアンレストランを見つけるなど、多くの毎日のタスクを完了するのに役立ちます。

モバイルデバイスは、Web開発者向けに新しい世界を開設しました。モバイルデバイスのニーズを満たすために、それらのために特別に設計された一連のAPIが生まれました。

過去数か月で、Web通知APIやWeb Speech APIなど、いくつかのAPIを紹介しました。この記事では、シンプルだが実用的なAPI：Close-Range APIを紹介します。

はじめに

Close-Range APIは、近距離センサーで測定されたデバイスとオブジェクト間の距離に関する情報を提供するイベントを定義します。このAPIはもともとセンサーAPIの一部であり、後にスタンドアロンAPIに分割されました。 2013年10月1日にW3C候補の推奨基準を満たしているため、近距離APIの仕様は安定していると見なされます。

スマートフォンを使用している場合、このAPIの機能を体験している必要があります。

たとえば、最後の電話のプロセスについて考えてください。スマートフォンのロックを解除し、ダイヤルする番号を入力し、[呼び出し]ボタンをクリックします。完了したら、携帯電話を耳に近づけてから、魔法が起こり、画面がオフになります。

多くのスマートフォンには、バッテリー電源を節約するためのこの機能があります。これは、近距離APIを搭載しています。モバイルデバイスを耳に近づけると、近接センサーがスマートフォンで聴くイベントをトリガーし、画面をオフにします。

Web上に他の興味深いユースケースがあります。運転中にWebサービスを使用して音楽を聴いてから、再生を一時停止する必要がありましたか？

プレーヤーを手動で一時停止するのはどれほど面倒ですか？答えは「非常に厄介！」でなければなりません。このAPIを使用すると、Web開発者は、オブジェクト（この場合）がデバイスの近くにある場合、プレーヤーが一時停止する機能を追加できるようになりました。

近距離APIとそのユースケースがわかったので、それが公開するイベントを掘り下げることができます。

event

Close-Range APIは2つのイベントを定義します。これは、オブジェクトの近接性に応じて聞いて応答できます。最初のイベントはdeviceproximityです。これは、ホストデバイスと近くのオブジェクト間の距離に関する情報を提供します。 2番目のイベントはuserproximityです。これは、デバイスが近くのオブジェクトを検出するかどうかを指定します。どちらのイベントもwindowオブジェクトで発射されるため、それらに耳を傾けるには、ハンドラーを添付する必要があります。

以下は、イベントハンドラーを添付する方法の例です。 deviceproximity

追加のハンドラーは、必要な情報を含む最初のパラメーターとしてオブジェクトを受信します。イベントで渡されたオブジェクトは、

window.addEventListener('deviceproximity', function(event) {
   console.log('An object is ' + event.value + ' centimeters far away');
});

、

、deviceproximityの3つのプロパティを提供します。 valueは、デバイスとオブジェクト間の距離（センチメートル）を示す数字です。 minおよびmaxプロパティは、センサーが検出できる最小距離と最大距離（センチメートル単位）を記述しています。イベントで渡されたvalueオブジェクトは、min属性を公開します。これは、オブジェクトがデバイスに十分に近い（真）かどうか（偽）かどうかを指定するブール値です。この場合、「十分に近い」とは、オブジェクトが特定のデバイスの検出可能な範囲内にあることを意味します。 max userproximitynearブラウザー互換性<

現在、近距離APIのサポートは非​​常に低いです。それをサポートする唯一のブラウザは、Firefox（バージョン15から始まるデスクトップバージョンとモバイルバージョン）です。これは、W3C候補の推奨基準を満たしていることを考えると驚くべきことですが、そうです。

このAPIはFirefoxでのみ実装されているため、サポートをテストする方法を知ることが重要です。これは、他のAPIを扱うときに遭遇した可能性のあるよく知られている方法を使用して行うことができます。この方法は次のとおりです 上記のように、

イベントのサポートをテストできます。この時点で、近距離APIとは何か、それがどのようなイベントを公開するかを知っています。私たちの旅を完了するために、私たちはそれが実際にどのように機能するかを見るためにシンプルなデモを開発します。

（デモや結論セクションなどの後続のコンテンツは、スペースの制限により、読書と理解のために元のテキストを参照することをお勧めします。元のテキストを簡素化し、書き直しました。コア情報と写真。）

if ('ondeviceproximity' in window) {
   // API supported. Don't get too close, I can feel you
} else {
   // API not supported
}

以上が近接APIの導入の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。