Web カメラにアクセスでき、Web カメラから撮影したビデオをブロードキャストできる単純な Web ページを作成しようとしています。
私は Html5 に不慣れで、そのような Web ページをゼロから構築するのは複雑な作業だと思います。経験豊富な Html5 開発者に、この問題に関するいくつかの出発点、おそらくいくつかのチュートリアルを提供してもらいたいだけです。
Web カメラにアクセスでき、Web カメラから撮影したビデオをブロードキャストできる単純な Web ページを作成しようとしています。
私は Html5 に不慣れで、そのような Web ページをゼロから構築するのは複雑な作業だと思います。経験豊富な Html5 開発者に、この問題に関するいくつかの出発点、おそらくいくつかのチュートリアルを提供してもらいたいだけです。
Paul Kinlan (Google)によるYouTubeでの、Chrome でのネイティブ (Flash ではない) ウェブカメラとマイクへのアクセス:
こちらもご覧ください:ハンズオン: Chrome の新しいウェブカメラ API を使用して HTML5 フォト ブースを構築する
HTML5 ではまだできません。Flash などのブラウザ プラグインを使用する必要があります。
この質問を参照してください: HTML 5 <video> タグと Web カメラの統合の状況は?
このGoogle Developers Videoによると、 WebRTCでのブロードキャストはまだ可能ではありません。
できること:
画面を共有する
DataChannels を介して静的なもの (画像、ファイルなど) を共有する
人々のグループまたは個人とつながり、ストリームを共有します (オーディオ + ビデオ)
ウェブカメラが HTTP 経由で H264 をストリーミングできるソフトウェアの背後にあることを確認し ( w3schools.comなどを調べます)、タグを使用<video>
して PC に向けます (NAT の背後にある場合はポートを開きます。一般的なのは 8080 ですが、それは環境によって異なります)。ストリーミング ソフトウェア)。
ソースタグ (video タグの SRC ではありません。一部のブラウザーはそれを嫌う) を外部 IP とポートに向けます。