基于Nginx搭建RTMP-HLS视频直播服务器（推流+拉流）

1.环境准备

Linux centos7.6
nginx-1.18.0 源码包
wget http://nginx.org/download/nginx-1.8.1.tar.gz
nginx-rtmp-module-master 模块包
https://github.com/arut/nginx-rtmp-module

1.1依赖环境安装

[root@imagesrs data]# yum install git gcc gcc-c++ openssl openssl-devel pcre pcre-devel zlib zlib-devel -y

2.源码包安装

2.1添加用户

[root@imagesrs data]# useradd -r -s /sbin/nologin nginx

2.2解压nginx-rtmp-module-master

[root@imagesrs nginx-1.18.0]# unzip nginx-rtmp-module-master.zip

2.3安装nginx

[root@imagesrs data]# tar -xvf nginx-1.18.0.tar.gz[root@imagesrs data]# cd nginx-1.18.0/[root@imagesrs data]# ./configure --prefix=/usr/local/nginx \--user=nginx \--group=nginx \--with-http_ssl_module \--add-module=/data/nginx-rtmp-module-master（模块源码包位置）创建软链接
[root@Centos7 sbin]# ln -s /usr/local/nginx/sbin/nginx  /usr/sbin/
[root@Centos7 sbin]# ls /usr/sbin/nginx 查看模块：
Nginx -V

2.4修改nginx 配置文件

[root@imagesrs conf]#cd /usr/local/nginx/conf
[root@imagesrs conf]# vim nginx.conf

user nginx;
worker_processes  1;
events {worker_connections  1024;
}
rtmp {server {listen 1935;   #端口号chunk_size 4000;application hls {live on;hls on;hls_path /usr/local/nginx/html/hls;   #切片存放位置hls_fragment 5s;      hls_playlist_length 15s;hls_continuous on; hls_cleanup on;hls_nested on;}}}
http {include       mime.types;default_type  application/octet-stream;sendfile        on;keepalive_timeout  65;server {listen       80;server_name  localhost;location / {root   /usr/local/nginx/html;index  index.html index.htm;}error_page   500 502 503 504  /50x.html;location = /50x.html {root   html;}location /hls {types {application/vnd.apple.mpegurl m3u8;}alias /usr/local/nginx/html/hls;expires -1;add_header Cache-Control no-cache;}location /stat {rtmp_stat all;rtmp_stat_stylesheet stat.xsl;}location /stat.xsl {root /usr/local/extend_module/nginx-rtmp-module/;}
}
}

启动nginx
[root@imagesrs conf]# nginx
重新加载：
[root@imagesrs conf]# nginx -s reload
检查配置文件：
[root@imagesrs conf]# nginx -t
查看端口号：
[root@imagesrs conf]#ss -ntl
端口号：1935   80

关于更多rtmp的参数可以参考：
https://github.com/arut/nginx-rtmp-module/wiki

3.直播服务器与推流、拉流操作

需要下载两个程序
拉流：VLC https://vlc-media-player.en.softonic.com/
直播推流：OBS https://obsproject.com/

客户端推送：

直播推流端使用rtmp协议推流，端口为1935。URL格式为：rtmp://ip:端口/hls。推流软件推荐使用开源的OBS。https://obsproject.com/
流名称要与写的观看直播的页面中的xxxx.m3u8名称一致

推流操作：

点击开始推流；
浏览器输入http:/xx.xx.xx.xx/hls/111/index.m3u8就能看直播了
111目录名根据最终生成目录决定

拉流操作：
打开VLC --> 媒体 --> 打开网络串流 --> 输入rtmp/或者hls地址
/usr/local/nginx/html/hls/111目录下生成的切片文件

浏览器查看：
HlS 地址：http://192.168.197.133/hls/111/index.m3u8
LVC 查看：正常

前端HTML 代码展示：

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><meta http-equiv="X-UA-Compatible" content="ie=edge"><title>PC HLS video</title><link href="http://cdn.bootcss.com/video.js/6.0.0-RC.5/alt/video-js-cdn.min.css" rel="stylesheet">
</head>
<body><h1>PC 端播放 HLS(<code>.m3u8</code>) 视频</h1>
<p>借助 video.js 和 videojs-contrib-hls</p>
<p>由于 videojs-contrib-hls 需要通过 XHR 来获取解析 m3u8 文件, 因此会遭遇跨域问题, 请设置浏览器运行跨域</p><video id="hls-video" width="300" height="200" class="video-js vjs-default-skin"playsinline webkit-playsinlineautoplay controls preload="auto"x-webkit-airplay="true" x5-video-player-fullscreen="true" x5-video-player-typ="h5"><!-- 直播的视频源 --><source src="http://192.168.197.133/hls/111/index.m3u8" type="application/x-mpegURL"><!-- 点播的视频源 --><!--<source src="http://devstreaming.apple.com/videos/wwdc/2015/413eflf3lrh1tyo/413/hls_vod_mvp.m3u8" type="application/x-mpegURL">-->
</video><script src="http://cdn.bootcss.com/video.js/6.0.0-RC.5/video.js"></script>
<!-- PC 端浏览器不支持播放 hls 文件(m3u8), 需要 videojs-contrib-hls 来给我们解码 -->
<script src="http://cdn.bootcss.com/videojs-contrib-hls/5.3.3/videojs-contrib-hls.js"></script>
<script>// XMLHttpRequest cannot load http://xxx/video.m3u8. No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://192.168.198.98:8000' is therefore not allowed access.// 由于 videojs-contrib-hls 需要通过 XHR 来获取解析 m3u8 文件, 因此会遭遇跨域问题, 请设置浏览器运行跨域var player = videojs('hls-video');player.play();
</script>
</body>

参考网址：
https://www.cnblogs.com/woaiyunwei/p/13128917.html