安裝nginx前需要幾樣準備工作

第一個需要C++編譯器,在ubuntu下直接安裝g++即可

sudo apt-get install g++

然後,這個版本的nginx預設需要的是pcre和zlib和openssl,分別去這兩個官方網站下載最新的版本,我下載的是pcre-8.32.tar.gz，zlib-1.2.8.tar.gz，openssl-1.0.2h.tar.gz

tar -xzvf pcre-8.32.tar.gz
tar -xzvf zlib-1.2.8.tar.gz
tar -xzvf openssl-1.0.2h.tar.gz

我將這些包解壓在了/home/robert使用者目錄下,解壓在哪裡無所謂

/home/robert/pcre-8.32
/home/robert/zlib-1.2.8
/home/robert/openssl-1.0.2h

然後解壓nginx, 解壓在了/home/robert使用者目錄下

tar -xzvf nginx-1.10.1.tar.gz
/home/robert/nginx

解壓完後進入解壓出來的目錄

cd /home/robert/nginx

非常重要的rtmp模組：nginx-rtmp-module，使用github下載：

git clone https://github.com/arut/nginx-rtmp-module.git

然後執行configure, 這是比較重要的一步

sudo ./configure --prefix=/usr/local/nginx --add-module=/home/robert/nginx-rtmp-module --with-pcre=/home/robert/pcre-8.32 --with-openssl=/home/robert/openssl-1.0.2h --with-zlib=/home/robert/zlib-1.2.8

prefix指定nginx安裝的目錄,後面兩個是前面的兩個模組,如果不需要安裝這兩個模組可以用–without-http_rewrite_module和–without-http_gzip_module
然後就是執行make和make install,如果沒有報錯的話nginx就安裝完成了

sudo make
sudo make install

看一下/usr/local/nginx目錄

[email protected]:/usr/local/nginx$ ll
total 48
drwxr-xr-x 12 root   root 4096 6月  22 11:21 ./
drwxr-xr-x 11 root   root 4096 6月  22 11:15 ../
drwx------  2 nobody root 4096 6月  22 11:21 client_body_temp/
drwxr-xr-x  2 root   root 4096 6月  22 17:43 conf/
drwxr-xr-x  2 root   root 4096 6月  22 11:19 conf_bak/ <手動備份>
drwx------  2 nobody root 4096 6月  22 11:21 fastcgi_temp/
drwxr-xr-x  2 root   root 4096 6月  22 17:32 html/
drwxr-xr-x  2 root   root 4096 6月  22 17:43 logs/
lrwxrwxrwx  1 root   root   16 6月  22 11:17 nginx -> /user/sbin/nginx
drwx------  2 nobody root 4096 6月  22 11:21 proxy_temp/
drwxr-xr-x  2 root   root 4096 6月  22 11:15 sbin/
drwx------  2 nobody root 4096 6月  22 11:21 scgi_temp/
drwx------  2 nobody root 4096 6月  22 11:21 uwsgi_temp/

進入sbin目錄,執行nginx

sudo ./nginx 啟動nginx

檢視nginx程序

[email protected]:/usr/local/nginx$ ps aux | grep nginx
root      78775  0.0  0.1  32696  4848 ?        Ss   6月22   0:00 nginx: master process sbin/nginx -c conf/nginx_rtmp.conf
nobody    78776  0.0  0.2  33256  7648 ?        S    6月22   0:00 nginx: worker process
nobody    78777  0.0  0.2  32912  7244 ?        S    6月22   0:00 nginx: cache manager process
robert    79477  0.0  0.0  21292   944 pts/9    S+   09:54   0:00 grep --color=auto nginx

nginx的啟動方法

nginx -c conf/nginx_rtmp.conf 使用指定的配置檔案啟動
nginx -s reload 重啟nginx服務
nginx -s stop   停止nginx服務，強制快速結束
nginx -s quit   停止nginx服務，溫柔的結束

開啟瀏覽器輸入http://ip可看到nginx已經啟動的畫面

http://192.168.2.48

配置nginx-rtmp模組

修改nginx配置檔案，nginx_rtmp.conf

[email protected]:/usr/local/nginx/conf$ cat nginx_rtmp.conf 

#user  nobody;
worker_processes  1;

#error_log  logs/error.log;
#error_log  logs/error.log  notice;
#error_log  logs/error.log  info;

#pid        logs/nginx.pid;


events {
    worker_connections  1024;
}


rtmp {
    server {
        listen 1935;

        application myapp {
            live on;
        }

        application hls {
            live on;
            hls on;
            hls_path /tmp/app;
            hls_fragment 5s;
        }
    }
}

http {
    server {
        listen 8080;

        location /stat {
            rtmp_stat all;
            rtmp_stat_stylesheet stat.xsl;
        }

        location /stat.xsl {
            root /home/robert/nginx-rtmp-module;
        }

        location /control {
            rtmp_control all;
        }

        location /rtmp-publisher {
            root /home/robert/nginx-rtmp-module/test;
        }

        location /hls {
            types {
                application/vnd.apple.mpegurl m3u8;
                video/mp2t ts;
            }

            alias /tmp/app;
            expires -1;
        }

        location / {
            root /home/robert/nginx-rtmp-module/test/rtmp-publisher;
        }
    }
}

上面配置檔案指定了兩個application, 一個myapp,一個hls。
myapp來處理flash流，hls來處理m3u8檔案，也就是蘋果裝置上的視訊流。

配置好上面的nginx-rtmp-module路徑後，重啟nginx服務。

服務正常啟動後，使用ffmpeg推一個本地視訊流到nginx，注意這個本地視訊的格式必須是
h264+aac格式的，否則不能正常播放。

向兩個application推流：

ffmpeg -re -i s2.mp4 -vcodec copy -acodec copy -f flv rtmp://192.168.2.48/myapp/mystream

ffmpeg -re -i s2.mp4 -vcodec copy -acodec copy -f flv rtmp://192.168.2.48/hls/mystream

hls格式的用於在ios上播放。

修改對應的播放頁面

我們在上面配置檔案指定了根目錄
/home/robert/nginx-rtmp-module/test/rtmp-publisher

檢視一下根目錄的檔案
[email protected]:~/nginx-rtmp-module/test/rtmp-publisher$ ll
total 1664
drwxrwxr-x 2 robert robert    4096 6月  22 17:27 ./
drwxrwxr-x 4 robert robert    4096 6月  22 11:28 ../
-rw-rw-r-- 1 robert robert     618 6月  22 17:18 player.html
-rw-rw-r-- 1 robert robert     313 6月  22 17:00 playhls.html
-rw-rw-r-- 1 robert robert     513 6月  22 17:05 publisher.html
-rw-rw-r-- 1 robert robert     314 6月  22 10:46 README.md
-rw-rw-r-- 1 robert robert    2830 6月  22 10:46 RtmpPlayerLight.mxml
-rw-rw-r-- 1 robert robert   47222 6月  22 10:46 RtmpPlayerLight.swf
-rw-rw-r-- 1 robert robert    2133 6月  22 10:46 RtmpPlayer.mxml
-rw-rw-r-- 1 robert robert   47281 6月  22 10:46 RtmpPlayer.swf
-rw-rw-r-- 1 robert robert    2741 6月  22 10:46 RtmpPublisher.mxml
-rw-rw-r-- 1 robert robert   47496 6月  22 10:46 RtmpPublisher.swf
-rw-rw-r-- 1 robert robert 1507328 6月  22 17:27 s2.mp4
-rw-rw-r-- 1 robert robert   10220 6月  22 10:46 swfobject.js

我們修改一下player.html

<!DOCTYPE html>
<html>
<head>
    <title>RTMP Player</title>
    <script type="text/javascript" src="swfobject.js"></script>
    <script type="text/javascript">
        var flashVars = {
            streamer: 'rtmp://192.168.2.48/myapp',
            file:'mystream'
        };
        var params = {};
        params.allowfullscreen = "false";
        var attributes = {};
        swfobject.embedSWF("RtmpPlayer.swf", "rtmp-publisher", "640", "480", "9.0.0", null, flashVars, params, attributes);
    </script>
</head>
<body>
    <div id="rtmp-publisher">
        <p>Flash not installed</p>
    </div>
</body>
</html>

注意修改檔案中這兩個語句，這是我們使用ffmpeg推送的地址。
這裡把localhost改成了機器ip, 用localhost有不出視訊的情況。

streamer: 'rtmp://192.168.2.48/myapp',
file:'mystream'

播放HLS檔案

HLS檔案對應的Html：

<!DOCTYPE html>
<html>
<head>
    <title>HLS Player</title>
</head>
<body>
<video height="270" width="480" controls>
    <source src="http://server-ip-address:8080/hls/mystream.m3u8" type="application/vnd.apple.mpegurl" />
    <p class="warning">Your browser does not support HTML5 video.</p>
</video>
</body>
</html>

在ipad上播放地址：

http://server-ip-address:8080/hls/mystream.m3u8

開啟對應的網址，可以看到實際的效果：