web-dev-qa-db-ja.com

HTML5ビデオ要素には、ライブストリーミングのどのようなサポートがありますか？

HTML5ビデオ要素は、非HTTPベース（HLS、SmoothStreamingなど）のライブストリーミングプロトコルをサポートしていますか？

RTP/RTSPストリーミングプロトコルをサポートしていますか？ RTをサポートしていますか[〜＃〜] m [〜＃〜] P？サポートしている、またはサポートしていない特定のブラウザーはありますか？

videovideo-streaminghtml5-videortp
14
user3861866

HTML5タグは、ビデオソースでのサポートが非常に限られています。また、サポートされるビデオソースは、訪問者が使用するブラウザに限定されます。見てください：

http://www.w3schools.com/html/html5_video.asp

ブラウザに応じてサポートされる形式の表。まとめると、HTML5ビデオはすべてのブラウザーでMP4をサポートし、OGG、FireFoxでのWEBM、OperaおよびChrome。それは、 Technicallyible to RTSP/RTP をストリーミングしますが、非常にお勧めしません。

HTML5 Videoを使用し、ストリーミングサーバーをより詳細に制御する必要がある場合は、 This Solution を試してください。VLCでoggファイルを介してビデオをストリーミングする方法を説明します。次に、そのoggファイルリンクを使用して、HTML5ビデオタグを含むページでビデオをストリーミングできます。

HTML5 Videoタグの代替

Flash Video Playerは、HTML5 Videoよりもかなり多くをサポートしています。たとえば、 JW Player は以下をサポートします。

  • 3つのビデオファイルタイプ：MP4、WebM、およびFLV。
  • 3つのオーディオファイルタイプ：AAC、MP3、Vorbis。
  • 2つのストリーミングプロトコル：HLSおよびRTMP。

さらに高度なビデオおよびオーディオソースのサポートについては、 VLC Web Plugin 、または新しい WebChimera （ libvlcに基づく）。 （どちらもプラグインがインストールされている必要があり、フラッシュもプラグインが必要ですが、通常は既にインストールされています）

[〜＃〜] update [〜＃〜]

NPAPIプラグインはほとんどのブラウザで廃止されているため、VLC WebプラグインとWebChimera NPAPIを使用することは解決策ではありません。

このトピックで注目すべきもう1つの興味深い点は、 DailymotionのHLS.js です。これにより、HLSを介してすべてのブラウザーにライブストリーミングが可能になります。

3
Jaruba