码迷，mamicode.com
首页 > 其他好文 > 详细

基于Nginx搭建RTMP-HLS视频直播服务器

时间：2020-06-15 09:18:28      阅读：53      评论：0      收藏：0      [点我收藏+]

标签：VID   扩展   make   container   processes   客户端   cti   nload   done   

基于Nginx搭建RTMP-HLS视频直播服务器

参考博客：https://www.jianshu.com/p/6d74e47cdd2b
：https://www.cnblogs.com/ebay/p/9968239.html

目录

一、环境准备

1.1.1 系统环境

[root@node ~]# cat /etc/redhat-release 
CentOS Linux release 7.7.1908 (Core)

1.1.2 依赖环境安装

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

二、软件安装

2.1.1 Git nginx-rtmp-module项目到本地 安装Nginx的rtmp协议的扩展

[root@node ~]# cd /usr/local/
[root@node /usr/local]# git clone https://github.com/arut/nginx-rtmp-module.git
Cloning into ‘nginx-rtmp-module‘...
remote: Enumerating objects: 4314, done.
remote: Total 4314 (delta 0), reused 0 (delta 0), pack-reused 4314
Receiving objects: 100% (4314/4314), 3.10 MiB | 289.00 KiB/s, done.
Resolving deltas: 100% (2686/2686), done.
[root@node /usr/local]# ll
total 4
drwxr-xr-x. 2 root root    6 Apr 11  2018 bin
drwxr-xr-x. 2 root root    6 Apr 11  2018 etc
drwxr-xr-x. 2 root root    6 Apr 11  2018 games
drwxr-xr-x. 2 root root    6 Apr 11  2018 include
drwxr-xr-x. 2 root root    6 Apr 11  2018 lib
drwxr-xr-x. 2 root root    6 Apr 11  2018 lib64
drwxr-xr-x. 2 root root    6 Apr 11  2018 libexec
drwxr-xr-x  7 root root 4096 May  8 11:56 nginx-rtmp-module
drwxr-xr-x. 2 root root    6 Apr 11  2018 sbin
drwxr-xr-x. 5 root root   49 Mar 26 22:35 share
drwxr-xr-x. 2 root root    6 Apr 11  2018 src

2.1.2 安装nginx

下载地址：nginx.org或http://nginx.org/download/

[root@node /usr/local]# wget http://nginx.org/download/nginx-1.15.0.tar.gz
--2020-05-08 13:10:54--  http://nginx.org/download/nginx-1.15.0.tar.gz
Resolving nginx.org (nginx.org)... 95.211.80.227, 62.210.92.35, 2001:1af8:4060:a004:21::e3
Connecting to nginx.org (nginx.org)|95.211.80.227|:80... connected.
HTTP request sent, awaiting response... 200 OK
Length: 1020675 (997K) [application/octet-stream]
Saving to: ‘nginx-1.15.0.tar.gz’

100%[===========================================================================================>] 1,020,675   9.75KB/s   in 1m 41s 

2020-05-08 13:12:36 (9.86 KB/s) - ‘nginx-1.15.0.tar.gz’ saved [1020675/1020675]

[root@node /usr/local]# ll
total 1004
drwxr-xr-x. 2 root root       6 Apr 11  2018 bin
drwxr-xr-x. 2 root root       6 Apr 11  2018 etc
drwxr-xr-x. 2 root root       6 Apr 11  2018 games
drwxr-xr-x. 2 root root       6 Apr 11  2018 include
drwxr-xr-x. 2 root root       6 Apr 11  2018 lib
drwxr-xr-x. 2 root root       6 Apr 11  2018 lib64
drwxr-xr-x. 2 root root       6 Apr 11  2018 libexec
-rw-r--r--  1 root root 1020675 Jun  5  2018 nginx-1.15.0.tar.gz
drwxr-xr-x  7 root root    4096 May  8 11:56 nginx-rtmp-module
drwxr-xr-x. 2 root root       6 Apr 11  2018 sbin
drwxr-xr-x. 5 root root      49 Mar 26 22:35 share
drwxr-xr-x. 2 root root       6 Apr 11  2018 src

解压安装

[root@node /usr/local]# tar zxvf nginx-1.15.0.tar.gz 
nginx-1.15.0/
nginx-1.15.0/auto/
nginx-1.15.0/conf/
nginx-1.15.0/contrib/
nginx-1.15.0/src/
.....。

查看编译模块

[root@node /usr/local/nginx-1.15.0]# ./configure --help

  --help                             print this message

  --prefix=PATH                      set installation prefix
  --sbin-path=PATH                   set nginx binary pathname
  --modules-path=PATH                set modules path
  --conf-path=PATH                   set nginx.conf pathname
  --error-log-path=PATH              set error log pathname

[root@node /usr/local/nginx-1.15.0]# ./configure --prefix=/usr/local/nginx --user=nginx --group=nginx --with-http_ssl_module > --with-http_stub_status_module --add-module=../nginx-rtmp-module
checking for OS
 + Linux 3.10.0-1062.18.1.el7.x86_64 x86_64
checking for C compiler ... found
 + using GNU C compiler
 + gcc version: 4.8.5 20150623 (Red Hat 4.8.5-39) (GCC) 
 
 [root@node /usr/local/nginx-1.15.0]# make && make install
 
 返回上一级目录查看是否安装成功
[root@node /usr/local/nginx-1.15.0]# cd ..
[root@node /usr/local]# ls 
bin  etc  games  include  lib  lib64  libexec  nginx  nginx-1.15.0  nginx-1.15.0.tar.gz  nginx-rtmp-module  sbin  share  src
[root@node /usr/local]# cd nginx
[root@node /usr/local/nginx]# sbin/nginx -V
nginx version: nginx/1.15.0
built by gcc 4.8.5 20150623 (Red Hat 4.8.5-39) (GCC) 
built with OpenSSL 1.0.2k-fips  26 Jan 2017
TLS SNI support enabled
configure arguments: --prefix=/usr/local/nginx --user=nginx --group=nginx --with-http_ssl_module --with-http_stub_status_module --add-module=../nginx-rtmp-module
[root@node /usr/local/nginx]# sbin/nginx 
[root@node /usr/local/nginx]# ps -ef|grep nginx
root      20766      1  0 14:07 ?        00:00:00 nginx: master process sbin/nginx
nginx     20767  20766  0 14:07 ?        00:00:00 nginx: worker process
root      20771   1937  0 14:07 pts/0    00:00:00 grep --color=auto nginx

2.1.3 创建nginx用户和组

[root@node /usr/local/nginx-1.15.0]# useradd -M -s /sbin/nologig nginx
[root@node /usr/local/nginx-1.15.0]# id nginx 
uid=1001(nginx) gid=1001(nginx) groups=1001(nginx)

三、nginx部署支持rtmp协议

3.1.2 配置nginx.conf文件

[root@node /usr/local/nginx]# vim conf/nginx.conf
#配置如下
rtmp {

      server {
          listen 1935;
          chunk_size 4096;
          application hls {
         }
          chunk_size 4096;
          application hls {   #可以写多个
              live on;
              record off;
              hls_path /usr/local/nginx/html/hls;
              hls_fragment 3s;
              hls_fragment 3s;
         }
    
   }

}


#完整配置如下
[root@node /usr/local/nginx]# grep -Ev "#|^$" /usr/local/nginx/conf/nginx.conf
worker_processes  1;
events {
    worker_connections  1024;
}
rtmp { 
      server {
          listen 1935;
          chunk_size 4096;
          application hls {
              live on;
              hls on;
              hls_path /usr/local/nginx/html/hls;
              hls_fragment 3s;
         }
    
   }
}
http {
    include       mime.types;
    default_type  application/octet-stream;
    sendfile        on;
    keepalive_timeout  65;
    server {
        listen       80;
        server_name  localhost;
        location / {
            root   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/;
        }
    }
}

重新加载一下配置文件

[root@node /usr/local/nginx]# /usr/local/nginx/sbin/nginx -c /usr/local/nginx/conf/nginx.conf

启动服务

[root@node /usr/local/nginx]# /usr/local/nginx/sbin/nginx
[root@node /usr/local/nginx]# ps -ef | grep nginx
root      20979   1937  0 15:44 pts/0    00:00:00 /usr/local/nginx/sbin/nginx -c /usr/local/nginx/conf/nginx.conf
root      20990   1937  0 15:49 pts/0    00:00:00 /usr/local/nginx/sbin/nginx -c /usr/local/nginx/conf/nginx.conf
root      21050      1  0 16:07 ?        00:00:00 nginx: master process /usr/local/nginx/sbin/nginx
nginx     21051  21050  0 16:07 ?        00:00:00 nginx: worker process
nginx     21052  21050  0 16:07 ?        00:00:00 nginx: cache manager process

客户端推送

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

查看直播

浏览器输入http:/xx.xx.xx.xx/hls/test.m3u8就能看直播了

PC端_HLS播放源代码

<!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-playsinline
       autoplay controls preload="auto"
       x-webkit-airplay="true" x5-video-player-fullscreen="true" x5-video-player-typ="h5">
    <!-- 直播的视频源 -->
    <source src="http://live.zzbtv.com:80/live/live123/800K/tzwj_video.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>
</html>

基于Nginx搭建RTMP-HLS视频直播服务器

标签：VID   扩展   make   container   processes   客户端   cti   nload   done   

原文地址：https://www.cnblogs.com/woaiyunwei/p/13128917.html
踩
(0)
赞
(0)
   
举报
评论 一句话评论（0）
登录后才能评论！
分享档案
更多>
2021年07月29日 (22)
2021年07月28日 (40)
2021年07月27日 (32)
2021年07月26日 (79)
2021年07月23日 (29)
2021年07月22日 (30)
2021年07月21日 (42)
2021年07月20日 (16)
2021年07月19日 (90)
2021年07月16日 (35)
周排行
mamicode.com排行更多图片
更多
友情链接
兰亭集智   国之画   百度统计   站长统计   阿里云   chrome插件   新版天听网
关于我们 - 联系我们 - 留言反馈
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码！