FreeStyleVisionFreeStyleVisionネクストビジョン社員による情報配信を行っているブログです。Streaming(HLS)HTTPプロトコルで動画のストリーミング配信ができる技術。video)やスマホの動画プレーヤはm3u8ファイルをHTTP経由で取得する。Chromeを使うことを前提にして話を進めます。以下のURLにアクセスします。https://flowplayer.com/developers/tools/stream-tester?stream=0そして、キーボードのF12を押して開発ツールを開きます。そこからNetworkタブをクリックし、XHRでフィルタをします。この時点でm3u8が取得されていると思います。次に、ページ中ほどにある動画の再生ボタンをクリックします。すると、tsファイルがリストに表示されます。このようにしてHLSの配信ではtsファイルを順次取得して映像を再生しています。ここでお気づきの方もいるかと思いますが、開発ツールのリストにはm3u8が2つあります。これはいったいどういうことでしょうか?まず、playlist.m3u8の中身を見てみましょう。リストをクリックします。書かれていると思いますが、m3u8ファイルが複数記載されていると思います。視聴する端末のネットワーク帯域に合わせて適切なビットレート(BANDWIDTH)と解像度(RESOLUTION)の動画を選択して再生します。筆者の環境ではビットレート4Mbps,解像度1920×1080のplaylist_1080.m3u8を選択しました。playlist_1080.m3u8の中身を見てみると、tsファイルのリストが記載されています。このtsファイルは開発ツールのほうにも表示されています。Streaming(HLS)について簡単ではありますが解説しました。最後まで閲覧していただきありがとうございました。(7)ライセンスについてFreeStyleVisionに掲載しているソースコードは、基本的に修正BSDライセンスに従うものとします。それ以外のライセンスを指定させて頂く場合は記事内にその旨を別途記載させて頂きます。Reserved.株式会社ネクストビジョン。