第１回 html5j TV部 勉強会でLT枠にて利用した資料です。

2. 背景

第１回 html5j TV部 勉強会
– 出遅れました。。。（埋まるの速すぎ）
• LT枠追加！
– ネタ探さねば
– 畠山さんの記事に触発
• HTML5 へのストリーミング! MPEG-DASHでのスト
リーミングを行う (DRMなし版)

3. 自己紹介
名前： 菊本 隆博
 Twitter： @takakiku
 所属： 株式会社Gnzo（グンゾウ）
http://gnzo.com/
 仕事： インフラエンジニア

多分

4. Nginx-rtmp-module

Nginx（Webサーバ）の拡張モジュール
 https://github.com/arut/nginx-rtmp-module
○ RTMP/HLS/MPEG-DASH live streaming
○ RTMP Video on demand FLV/MP4

ビルド
 Nginx のビルド時にモジュールを指定する
$ ./configure --add-module=/path/to/nginx-rtmp-module
$ make
$ sudo make install

5. ちなみに、

HLSでのVoDは
 ngx_http_hls_module
 Nginx の有償版のみでのサポート

Wowza Media Server では 3.6 からMPEGDASH がサポートされるようになっています。
 http://www.wowza.com/forums/content.php?508

6. デモ
Galax Nexus（SC-04D）＋ ArutCam
 Mac上のVMに、Nginx環境
 クライアントは dash.js


7. 設定

/etc/nginx/nginx.conf
rtmp {
server {
listen 1935;
application dash {
live on;
dash on;
dash_path /tmp/dash;
}
}
}

8. 設定続き
http {
server {
listen 8080;
location /dash {
root /tmp;
add_header Cache-Control no-cache;
add_header Access-Control-Allow-Origin *;
}
}
注：Access-Control-Allow-Originはdash.jsを埋込んでいるサイトとOriginが
異なる場合に必要。
また、Productionでは許可するOriginをちゃんと書くこと。

9. しかし、、、

この設定で動いたのは
 Galaxy S4 + ArutCam
 NEXUS5 + ArutCam
 LiveShell.pro

以下では動かず
 Galaxy Nexus + ArutCam
 Flash Media Live Encoder

10. 設定その２（とりあえず回避
策）

サーバー側で再エンコードする処理追加
 rtmpセクションにapplication追加
application mysrc {
live on;
exec_push
/usr/local/bin/ffmpeg -re
-i rtmp://localhost/mysrc/${name}
-vcodec libx264 -vprofile baseline
-acodec libfaac -ar 44100 -ac 1
-f flv rtmp://localhost/dash/${name};
}

11. 最後に

Nginx-rtmp-module使うとカジュアルに
rtmp / hls / mpeg-dash の配信環境が作れます。

MPEG-DASH部分は、まだデバイス・環境によ
り動作がまちまちといった感触。今後に期待！

ご清聴ありがとうございました！