HTML5のVIDEOタグを使ったストリーミング(HLS)

概要

  1. ffmpegのインストール
  2. mp4ファイルの用意
  3. m3u8リスト ts分割
  4. apacheのmime type追加
  5. ファイルの配置とm3u8の編集
  6. HTMLページを作成してアクセスしてみる

詳細

  1. ffmpegのインストール
  2. mp4ファイルの用意
  3. 手持ちのデータを利用する!

  4. m3u8リスト ts分割
  5. 分割前のファイルを happy.mp4 とします。
    分割後のリストファイルを stream.m3u8 分割ファイルを stream000.ts とします。(000の所は001,002,…と増えていきます)

  6. apacheのmime type追加
  7. mine typeに以下を追加します

    ubuntuのdefaultに追加する場合

    nginxの場合 mime.typesに以下を追加

  8. ファイルの配置とm3u8の編集
  9. DocumentRootから以下の通りファイルを配置します。

    stream.m3u8リストの中身をパスに合わせて編集します。相対パスでもいけると思います。

  10. HTMLページを作成してアクセスしてみる
  11. http://URL/index.html

    再生されましたか?

H.264

MP4Boxを使った、MPEG-DASH

http://URL:8999/index.html

WindowsなChromeからもみえるようになった!・・・が、途中でとまっちゃう。

参考