Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
背景


第1回 html5j TV部 勉強会
– 出遅れました。。。(埋まるの速すぎ)

• LT枠追加!
– ネタ探さねば
– 畠山さんの記事に触発
• HTML5 へのストリーミング! MPEG-DASHでのスト

リーミングを行う (...
自己紹介
名前: 菊本 隆博
 Twitter: @takakiku
 所属: 株式会社Gnzo(グンゾウ)
http://gnzo.com/
 仕事: インフラエンジニア


多分
Nginx-rtmp-module


Nginx(Webサーバ)の拡張モジュール
 https://github.com/arut/nginx-rtmp-module
○ RTMP/HLS/MPEG-DASH live streaming...
ちなみに、


HLSでのVoDは
 ngx_http_hls_module
 Nginx の有償版のみでのサポート



Wowza Media Server では 3.6 からMPEGDASH がサポートされるようになっています。
...
デモ
Galax Nexus(SC-04D)+ ArutCam
 Mac上のVMに、Nginx環境
 クライアントは dash.js

設定


/etc/nginx/nginx.conf
rtmp {
server {
listen 1935;
application dash {
live on;
dash on;
dash_path /tmp/dash;
}
}
}
設定続き
http {
server {
listen 8080;
location /dash {
root /tmp;
add_header Cache-Control no-cache;
add_header Access-Control...
しかし、、、


この設定で動いたのは
 Galaxy S4 + ArutCam
 NEXUS5 + ArutCam
 LiveShell.pro



以下では動かず
 Galaxy Nexus + ArutCam

 Flas...
設定その2(とりあえず回避
策)


サーバー側で再エンコードする処理追加
 rtmpセクションにapplication追加

application mysrc {
live on;
exec_push
/usr/local/bin/ff...
最後に


Nginx-rtmp-module使うとカジュアルに
rtmp / hls / mpeg-dash の配信環境が作れます。



MPEG-DASH部分は、まだデバイス・環境によ
り動作がまちまちといった感触。今後に期待!

...
Nginx-rtmp-moduleでのMPEG-DASH配信
Upcoming SlideShare
Loading in …5
×

Nginx-rtmp-moduleでのMPEG-DASH配信

7,616 views

Published on

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

Published in: Technology

Nginx-rtmp-moduleでのMPEG-DASH配信

  1. 1. 背景  第1回 html5j TV部 勉強会 – 出遅れました。。。(埋まるの速すぎ) • LT枠追加! – ネタ探さねば – 畠山さんの記事に触発 • HTML5 へのストリーミング! MPEG-DASHでのスト リーミングを行う (DRMなし版)
  2. 2. 自己紹介 名前: 菊本 隆博  Twitter: @takakiku  所属: 株式会社Gnzo(グンゾウ) http://gnzo.com/  仕事: インフラエンジニア  多分
  3. 3. 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
  4. 4. ちなみに、  HLSでのVoDは  ngx_http_hls_module  Nginx の有償版のみでのサポート  Wowza Media Server では 3.6 からMPEGDASH がサポートされるようになっています。  http://www.wowza.com/forums/content.php?508
  5. 5. デモ Galax Nexus(SC-04D)+ ArutCam  Mac上のVMに、Nginx環境  クライアントは dash.js 
  6. 6. 設定  /etc/nginx/nginx.conf rtmp { server { listen 1935; application dash { live on; dash on; dash_path /tmp/dash; } } }
  7. 7. 設定続き 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をちゃんと書くこと。
  8. 8. しかし、、、  この設定で動いたのは  Galaxy S4 + ArutCam  NEXUS5 + ArutCam  LiveShell.pro  以下では動かず  Galaxy Nexus + ArutCam  Flash Media Live Encoder
  9. 9. 設定その2(とりあえず回避 策)  サーバー側で再エンコードする処理追加  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}; }
  10. 10. 最後に  Nginx-rtmp-module使うとカジュアルに rtmp / hls / mpeg-dash の配信環境が作れます。  MPEG-DASH部分は、まだデバイス・環境によ り動作がまちまちといった感触。今後に期待!  ご清聴ありがとうございました!

×