javascriptのブラウザにウェブカメラをストリーミングします

Opera 12：W3CのマルチメディアストリームAPIサポートの先駆者

オペラソフトウェアのバージョン12のリリースは重要なマイルストーンをマークし、W3CのマルチメディアストリームAPI（GetUsermedia APIとも呼ばれる）をサポートする最初の主要なブラウザになりました。このAPIは、カメラとマイクの入力をブラウザウィンドウに直接ストリーミングすることを可能にします。これは、通常、src要素の属性として使用されます。 APIのドラフトステータスと進化する性質を考えると、この記事は基本的な概要を提供します。 APIが成熟し、より広範なサポートを得るにつれて、これを拡張します。 <video></video> APIサポートの検証

現在、OperaはStream APIサポートを備えた唯一のブラウザのままです。 したがって、実装前にAPIの可用性を確認することが重要です。次の関数は、メソッドを調べることにより、サポートを確認します：

navigator getUserMedia()

メソッド

function isStreamSupported() {
  return !!navigator.getUserMedia;
}

を使用します

getUserMedia()メソッドは、ストリームAPIへのアクセスを提供します。 ただし、明示的なユーザーの許可が必要です。 電話をかけると、Operaは同意ダイアログを表示します。

navigator.getUserMedia()getUserMedia()

構文は次のとおりです。2つの必須引数とオプションの3分の1を受け入れます。 「制約」オブジェクトは、要求されたメディアストリーム（ビデオおよび/またはオーディオ）を指定します。 は、アクセスが成功したときに実行され、メディアストリームオブジェクトを受信します。

（オプション）障害（ユーザーの否定など）を処理します。

getUserMedia() successCallback要素との統合errorCallback

この例は、再生、一時停止、停止コントロールを含むHTML

navigator.getUserMedia(constraints, successCallback[, errorCallback]);

要素へのストリーミングカメラ入力を示しています。

変数は、オーディオとビデオの両方を要求します。 （オペラで利用可能なライブバージョンはここにリンクされます。）<video></video>

よくある質問（FAQ）<video></video> このセクションでは、JavaScriptのWebカメラストリーミングに関する一般的な質問、セキュリティ、トラブルシューティング、マルチブラウザーストリーミング、解像度の調整、遅延削減、録音、エラー処理、オーディオ/ビデオ統合、パフォーマンス最適化、フィルターアプリケーションをカバーします。 （元のテキストからの詳細な回答はこちらに含まれます）。

以上がjavascriptのブラウザにウェブカメラをストリーミングしますの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。