主役：Nginx-rtmp-module
参考にさせて頂いたURL様:
AWS EC2サーバを適当に立てる
- ssh接続できるようにしておきます
- Amazon Linuxで作ってます
EC2のセキュリティグループでポートの許可
- Amazon Management ConsoleからEC2へ移動
- 左ペインのインスタンス
- 起動してる対象サーバのセキュリティグループを確認
- 左ペインのセキュリティグループ
- 先ほど確認したセキュリティグループを選択
- inboundを編集
- ルールの追加より↓
[カスタムTCPルール] | TCP | 1935 | 0.0.0.0/0
で保存します
AWS EC2にnginx-rtmp-module入れる
EC2へ接続後
sudo su -
yum update
yum groupinstall "Development Tools"
yum -y install pcre-devel zlib-devel openssl-devel
# Nginx, Nginx-rtmp-module Download
cd /usr/local/src/
wget http://nginx.org/download/nginx-1.8.0.tar.gz
tar -zxvf nginx-1.8.0.tar.gz
wget https://github.com/arut/nginx-rtmp-module/archive/master.zip
unzip master.zip
# build
cd nginx-1.8.0
./configure --with-http_ssl_module --add-module=../nginx-rtmp-module-master
make
make install
これでnginx-rtmp-moduleインストール完了です
nginx.confの編集
#最後に下記rtmpの記述を追加
rtmp_auto_push on;
rtmp {
server {
listen 1935;
chunk_size 4096;
access_log logs/rtmp_access.log;
ping 30s;
ping_timeout 10s;
application src {
live on;
push rtmp://localhost/hls;
}
application hls {
live on;
hls on;
hls_path /usr/local/nginx/html/hls;
hls_fragment 3s;
}
}
}
-
mkdirコマンドで /usr/local/nginx/html/hls フォルダを作成しておいてください
※ HLS用の.tsファイルは hls_path に保存され、一定時間経つと削除されていくようです。
index.htmlの編集
<!DOCTYPE html>
<html lang="en" class="">
<head>
<link href="http://vjs.zencdn.net/4.2.0/video-js.css" rel="stylesheet">
<script src="http://vjs.zencdn.net/4.2.0/video.js"></script>
</head>
<body>
<video id="live test" class="video-js vjs-default-skin" controls autoplay
preload="auto" width="640" height="360" data-setup='{}'>
<source src="hls/<適当なkey>.m3u8" type='application/x-mpegURL'>
<source src="rtmp://<サーバのIP>/src/<適当なkey>" type='rtmp/mp4'>
<p class="vjs-no-js">
To view this video please enable JavaScript, and consider upgrading to a web browser
that <a href="http://videojs.com/html5-video-support/" target="_blank">supports HTML5 video</a>
</p>
</video>
</body>
</html>
- こんな感じでVideo.jsのCDNを噛ませます。
OBSインストール (配信, エンコードソフト)
OBS側の設定
設定 -> 配信より 最低限、これだけは設定します
※それ以外(以下)はご参考程度まで
配信
あとはOBSで配信ボタンを押し接続エラーがでなければ、 ブラウザ(chromeとsafariなど)からhttp://<サーバIP>/ へアクセスして確認します。
- Chrome, Firefox(flash使う系) -> (RTMP)
- iOS系, Android -> (HLS)
に対応。
その他 Nginxの操作とか
- Nginx起動
/usr/local/src/nginx
- 停止
nginx -s stop
- リロード
nginx -s reload
- プロセス確認
ps -ef | grep nginx | grep -v grep
- 自分以外誰が見てるかなーコマンド(ただのaccess.logのtailです)
tail -f /usr/local/nginx/html/logs/access.log | grep -v "自分のIP"
- HLS用の.tsファイルがある場所とか
/usr/local/nginx/html/hls
- ディスク容量チェック(.tsファイルがちゃんと消えてくれるか最初不安な場合)
df
他 rtmp-moduleの機能などご紹介
- nginx-rtmp-module wiki > Directives > Table of Contents に使い方がたくさん載っています。
# 適当に引用例：
- record（録画モード）
syntax: record [off|all|audio|video|keyframes|manual]*
context: rtmp, server, application, recorderToggles record mode. Stream can be recorded in flv file. This directive specifies what exactly should be recorded:
- off - no recording at all
- all - audio & video (everything)
- audio - audio
- video - video
- keyframes - only key video frames
- manual - never start recorder automatically, use control interface to start/stop
There can be any compatible combination of keys in a single record directive.
record all; record audio keyframes;
- exec_push（コマンド実行）
→ ffmpegなどをexec_pushで実行させてhlsに変換しつつライブ配信、ということもできるようです。
application myapp { live on; exec_pull ffmpeg -i http://example.com/video_$name.ts -c copy -f flv rtmp://localhost/$app/$name; }
→ 他のストリーミングサーバへもpushできるようです。(UstreamとかYoutubeとかTwitchとか)
Syntax: push url [key=value]*
Context: applicationPush has the same syntax as pull. Unlike pull push directive publishes stream to remote server.
参考：http://seesaawiki.jp/jaijai/d/Nginx%A4%C7RTMP%C6%B1%BB%FE%C7%DB%BF%AE
その他
html内にstream keyもろだしだけどいいの
→あまりよくはありませんので考え中ですコメント機能とかつけてみたい
アクセス多い時とかCloudFrontとか意味あるのでしょうか
Nginxサードパーティモジュール：RTMPに限らず他にもいろんなmoduleがあるようです ヮ(ﾟдﾟ)ォ
以上殴り書きですが、見てくださってありがとうございました。