html - HTML5 Media Capture API サポートの検出

Question

構築中のモバイル Web サイトでブラウザーが HTML5 Media Capture API をサポートしているかどうかを検出する方法はありますか? getUserMedia()サポートを検出するための解決策しか見つけられないようです。

モバイルユーザーに次の 2 つのシナリオのいずれかを提示できるようにしたいと考えています。

ユーザーのブラウザーは API をサポートしているため、カメラをアクティブにするボタンと画像ギャラリーをアクティブにするボタンの 2 つのアップロードボタンが表示されます。
ユーザーのブラウザーは API をサポートしていないため、アップロードボタンが 1 つだけ表示されます。ブラウザーが accept パラメーターをサポートしている場合は、ギャラリーがアクティブになることを願っています。

score 3 · Accepted Answer

ユーザーのブラウザーは API をサポートしているため、2 つのアップロードボタンが表示されます。1 つはカメラをアクティブにし、もう 1 つは画像ギャラリーをアクティブにします。

2 つの別個の HTML ボタンを作成する方法は (現時点では) ありません。1 つは (ちょうど) ライブラリ用で、もう 1 つは (ちょうど) カメラ用です (この記事では、考えられるすべての HTML メディアキャプチャオプションについて説明しました) 。

を使用する <input type="file" accept="image/*;">と、写真をキャプチャするか、既存の写真を選択するかを選択するよう求められます。

ユーザーのブラウザーは API をサポートしていないため、アップロードボタンが 1 つだけ表示されます。ブラウザーが accept パラメーターをサポートしている場合は、ギャラリーを有効にできれば幸いです。

サポートは次のとおりです。

サポートの検出は、上記のブラウザーの検出に戻ります。

score 2 · Accepted Answer

2 に答える 2