auth:robertkun@163.com
date:2016-06-23
参考文档:
http://blog.csdn.net/redstarofsleep/article/details/45092127
http://blog.csdn.net/cjsafty/article/details/9108587
安装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目录
robert@robert:/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进程
robert@robert:/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
robert@robert:/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
查看一下根目录的文件
robert@robert:~/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
打开对应的网址,可以看到实际的效果: