昨晚在VPS上搭建了基于Nginx的视频直播服务器，并成功使用OBS Studio推流，Safari上HTML5播放。下面附上具体步骤。
1、Nginx环境搭建（基于lnmp环境）
lnmp环境一键安装脚本
按照?教程安装！
//下载并安装lnmp环境
wget -c http://soft.vpser.net/lnmp/lnmp1.3.tar.gz && tar zxf lnmp1.3.tar.gz && cd lnmp1.3 && ./install.sh lnmp
安装完成后访问服务器地址会出现如下界面
PS：安装时生成的解压文件夹lnmp1.3先别删除!!!
2、安装Nginx的扩展rtmp模块
//下载扩展包
wget https://github.com/arut/nginx-rtmp-module/archive/v1.1.10.tar.gz
//解压扩展包
tar -xzvf v1.1.10.tar.gz
//为nginx创建扩展模块目录
mkdir /usr/local/nginx/extend_module
//将解压后的nginx-rtmp-module目录移动到nginx扩展模块目录下
mv nginx-rtmp-module-1.1.10/ /usr/local/nginx/extend_module/nginx-rtmp-module
nginx -V //查看nginx配置参数
复制configure arguments：后的所有参数!
例如：--user=www --group=www --prefix=/usr/local/nginx --with-http_stub_status_module --with-http_ssl_module --with-http_v2_module --with-http_gzip_static_module --with-ipv6 --with-http_sub_module
关闭nginx、php-fpm服务
//关闭nginx
service nginx stop
//关闭php-fpm
service php-fpm stop
进入安装时生成的文件夹：lnmp1.3/lnmp1.3/src
//解压nginx源码包
tar -xzvf nginx-1.10.0.tar.gz
//进入nginx源码目录
cd nginx-1.10.0
//安装rtmp扩展模块
./configure 刚才复制的nginx configure参数 --add-module=rtmp扩展包目录
如：
./configure --user=www --group=www --prefix=/usr/local/nginx --with-http_stub_status_module --with-http_ssl_module --with-http_v2_module --with-http_gzip_static_module --with-ipv6 --with-http_sub_module --add-module=/usr/local/nginx/extend_module/nginx-rtmp-module
//编译
make
//安装
make install
//重启nginx
service nginx start
service php-fpm start
//查看安装状态
nginx -V
!上图如果出现nginx-rtmp-module说明安装成功!
3、服务器开放1935端口
(如服务器防火墙已关闭跳过此步)
//开放1935端口
/sbin/iptables -I INPUT -p tcp --dport 1935 -j ACCEPT
//保存配置
/etc/rc.d/init.d/iptables save
//重启服务
/etc/rc.d/init.d/iptables restart
//查看端口开放状态
/etc/init.d/iptables status
4、配置HLS
进入/usr/local/nginx/conf 目录
//编辑配置
vim nginx.conf//修改http下server的配置
server
{
listen 80 default_server;
#listen [::]:80 default_server ipv6only=on;
server_name www.lnmp.org;
index index.html index.htm index.php;
root /home/wwwroot/default;
#error_page 404 /404.html;
include enable-php.conf;
#加入hls支持
location /hls {
types {
application/vnd.apple.mpegurl m3u8;
#或 application/x-mpegURL
video/mp2t ts;
}
alias /home/hls/test/; #视频流文件目录(自己创建)
expires -1;
add_header Cache-Control no-cache;
}
#end...
#以下代码省略.....
}
//在文档末尾加入rtmp配置
rtmp {
server {
listen 1935; #监听的端口
chunk_size 4000;
application hls { #rtmp推流请求路径
live on;
hls on;
hls_path /home/hls/test; #视频流文件目录(自己创建)
hls_fragment 3s;
}
}
}
参数说明：
rtmp是协议名称
server 说明内部中是服务器相关配置
listen 监听的端口号, rtmp协议的默认端口号是1935
application 访问的应用路径是 hls
live on; 开启实时
record off; 不记录数据进入/home目录并创建 hls及其子目录test
配置改完后执行nginx -s reload //重载下nginx配置
在/home/wwwroot/default目录下创建test.html文件
//test.html
<html>
<body>
<video autoplay webkit-playsinline controls>
<source src="http://服务器IP/hls/test.m3u8" type="application/vnd.apple.mpegurl" />
<p class="warning">Your browser does not support HTML5 video.</p>
</video>
<video controls>
<source src="http://服务器IP/hls/test.m3u8" type="application/x-mpegURL">
</video>
</body>
</html>
5、开始推流
使用OBS Studio等软件推流，地址为rtmp://服务器IP:1935/hls/test
用http访问之前创建的test.html，即可观看直播
如直播没有声音，请参考ffmpeg没有声音!~
PS：浏览器对hls的支持
也可使用第三方插件实现对hls的支持！如videojs-contrib-hls
参考：
Mac上搭建直播服务器Nginx+rtmp
H5视频直播扫盲
https://www.jianshu.com/p/0296a7be7928
发表回复