web-dev-qa-db-ja.com

HTML5でライブビデオをストリーミングする方法は？

PCにルート化されたウェブカメラまたはカメラから撮影したライブビデオをブロードキャストする方法を探しています。ブロードキャストは、タグ（rtpおよびrtspをサポートすると思います）を使用してHTML5ページに表示する必要があります。

ストリームを表示しているユーザーは、QuickTimeなどのプラグインやビデオプレーヤーをインストールする必要はありません。

ビデオは次のようなmp4形式である必要があります：rtsp：//www.mywebsite/streaming/video.mp4

これは、html5ビデオタグのsrcとして配置するリンクになります。

それで、それが可能かどうか、そのようなことをするための私の選択肢は何であるかを知りたいです。

htmlstreamingmp4rtsprtp
15
user702470

それが可能だ。ただし、クロスブラウザのサポートを探している場合は、大きな問題が発生します。あなたができることは、それをサポートしているブラウザにHTML5ビデオを提供し、それをサポートしていないブラウザにQuickTimeを提供することです。

<video src="stream.mp4">

    <!-- Don't support <video> -->
    <object>
        <param name="src" value="video.mp4" />
        
    <param name="autoplay" value="true" />
        
    <param name="type" value="video/quicktime" height="256" width="320" />
        
    
    <embed src="video.mp4" height="256" width="320" autoplay="true" type="video/quicktime" pluginspage="http://www.Apple.com/quicktime/download/" />
    </object>

</video>

以下も参照してください： RTSPまたはRTP）を介したストリーミング

2
Karl Laurentius Roos

HTML5ブラウザを「チート」してライブビデオストリームを「.mp4」ファイルにカプセル化することは今のところ不可能だと思います。 HTML5は近い将来ライブビデオのサポートを検討すると思います。あなたにできることはただ待つことです。 :)

1
ciphor

互換性を最大化するために、ビデオワークフローは次のようになります。MP4コンテナでH.264ベースラインビデオとAAC「低複雑度」オーディオを使用するバージョンを作成し、WebM（VP8 + Vorbis）またはTheoraビデオを使用する別のバージョンを作成します。 Oggコンテナ内のVorbisオーディオ。この組み合わせで問題が解決し、ほとんどのブラウザで再生できると思います。すべてのブラウザで再生するには、少なくとも2つのバージョンのビデオが必要です。

0
pg200890