web-dev-qa-db-ja.com

HTML5ライブ放送

Adobe Flashは、Adobe Flash Player、RTMPプロトコル、Flash Media Server、およびFlash Media Live Encoderを使用して、ライブブロードキャストを可能にします。

HTMLビデオ/オーディオに対応するプロトコルとソフトウェアは何ですか？

RTMPプロトコル、Flash Media Server、Flash Media Live Encoderに代わるものは何ですか？

HTML5で可能ですか？

flashhtml5rtmp
10
DrStrangeLove

HTML5 はHTML4の拡張であり、 ビデオタグ のsrcパラメーターで指定されている任意のtcp/ipポートを使用して機能します。 Flashなどのプラグインを使用せずにブラウザで直接処理されるため、モバイルデバイス用の既存のストリーミングソリューションはこれだけです。

HTML5ビデオ はプロトコルに依存しません-プロトコルは、たとえば次のように、ソースURLによって暗示されます。

<video src="rtp://myserver.com/path/to/stream">
    Your browser does not support the VIDEO tag and/or RTP streams.
</video>

または多分 ：

<video src="http://myserver.com:1935/path/to/stream/myPlaylist.m3u8">
    Your browser does not support the VIDEO tag and/or RTP streams.
</video>

これはすべて、使用されているプロトコルに対するブラウザのサポートに依存します。通常、ビデオファイルのストリーミングは常にサポートされていますが、上記のようなより複雑なケースでは、ブラウザに必要なサポートがない場合にプラグインの使用が必要になる場合があります。

HTML5プレーヤーは、HTML、CSS、およびJavascriptのみをツールとして使用して構築できます。

例としては VideoJS があります。これは、CSSを使用して100％スキンできる無料のオープンソース軽量プレーヤーです。このWebサイトには、HTML5ビデオに関する有用な情報も多数含まれています。

Kalturaプロジェクトについては、さらに多くの情報を入手できます。このプロジェクトには、 html5video -Kalturaコミュニティサイトからアクセスするのが最適です。このサイトには、 HTML5プレーヤーの比較 と記事 はじめに-HTML5のナビゲート も含まれています。

HTML5で既存のビデオファイルを公開するには、無料の Html5 Video Creator を使用してHTML5コードを作成します。

3
harrymc

Wowzaは現在、HTML5をサポートする メディアサーバー に取り組んでいます。 ここで見ることができます 、最後にチェックした映画を再生しています。

WebM、 を使用します。これは、誰でも自由に利用できるWeb用の高品質でオープンなビデオ形式の開発に特化したプロジェクトです。 これは Matroskaコンテナに基づいています。 現在YouTubeでHTML5ビデオを再生するために使用されています。

このストリームのソースは、Wowzaサーバー側パブリッシングAPIを使用してライブストリームとしてストリーミングされるWebMファイルです。

タグノートによると：

注：HTML5、WebM、VP8、およびOggVorbisをサポートするブラウザーが必要です。次のブラウザで動作します。

したがって、これらはWebブラウザをライブストリーミングするための要件のようです。

3
Simon Sheehan