ITエンジニア/デザイナ向けにオープンソースを毎日紹介

動画にも幾つかの種類がありますが、その一つがライブストリーミングです。Appleのキーノート、Ustreamなどが有名でしょうか。リアルタイムに流れてくるデータを流していくのは通常の動画とは違う面白さがあります。

今回紹介するHTTP Live Streaming JavaScript playerはAppleのHTTPライブストリーミングをJavaScriptで再生するソフトウェアになります。HTTP Live Streaming JavaScript playerであればSafariに限らず利用できるでしょう。

HTTP Live Streaming JavaScript playerの使い方

中央にある動画がそうです。音もちゃんと再生されています。
中央にある動画がそうです。音もちゃんと再生されています。

DevToolsから見たところ。リアルタイムにtsファイルを取得しています。
DevToolsから見たところ。リアルタイムにtsファイルを取得しています。

動画の再生はvideoタグではなく、Canvas上に描き出しています。負荷は多少大きいと思いますが、それでもGoogle Chrome、Firefox、IEでもAppleのライブストリーミングが再生できるようになる可能性があるのはとても熱いです。

HTTP Live Streaming JavaScript playerはHTML5/JavaScript製、MIT Licenseのオープンソース・ソフトウェアです。

HLS converter and player demo

RReverser/mpegts

 

MOONGIFTの関連記事

  • DevRel
  • Com2