nginx+rtmp+OBS搭建音视频直播服务

Posted lakernote

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了nginx+rtmp+OBS搭建音视频直播服务相关的知识,希望对你有一定的参考价值。

文章目录

OBS

下载地址

  • http://www.obsproject.com.cn/download/
  • https://obsproject.com/zh-cn/download

傻瓜式一路按照提示安装即可。

nginx-rtmp

docker方式

有很多个镜像可供选择,我搞个下面的这种。

  • https://hub.docker.com/r/alfg/nginx-rtmp
docker run -it -p 1935:1935 -p 8080:80 --rm alfg/nginx-rtmp

http://localhost:8080/stat

rtmp://localhost:1935/stream/$STREAM_NAME

http://localhost:8080/live/laker1/index.m3u8

整体配置如下

events 
    worker_connections 1024;


rtmp 
    server 
        listen 1935;
        chunk_size 4000;

        application stream 
            live on;

            exec ffmpeg -i rtmp://localhost:1935/stream/$name
              -c:a libfdk_aac -b:a 128k -c:v libx264 -b:v 2500k -f flv -g 30 -r 30 -s 1280x720 -preset superfast -profile:v baseline rtmp://localhost:1935/hls/$name_720p2628kbs
              -c:a libfdk_aac -b:a 128k -c:v libx264 -b:v 1000k -f flv -g 30 -r 30 -s 854x480 -preset superfast -profile:v baseline rtmp://localhost:1935/hls/$name_480p1128kbs
              -c:a libfdk_aac -b:a 128k -c:v libx264 -b:v 750k -f flv -g 30 -r 30 -s 640x360 -preset superfast -profile:v baseline rtmp://localhost:1935/hls/$name_360p878kbs
              -c:a libfdk_aac -b:a 128k -c:v libx264 -b:v 400k -f flv -g 30 -r 30 -s 426x240 -preset superfast -profile:v baseline rtmp://localhost:1935/hls/$name_240p528kbs
              -c:a libfdk_aac -b:a 64k -c:v libx264 -b:v 200k -f flv -g 15 -r 15 -s 426x240 -preset superfast -profile:v baseline rtmp://localhost:1935/hls/$name_240p264kbs;
        

        application hls 
            live on;
            hls on;
            hls_fragment_naming system;
            hls_fragment 5;
            hls_playlist_length 10;
            hls_path /opt/data/hls;
            hls_nested on;

            hls_variant _720p2628kbs BANDWIDTH=2628000,RESOLUTION=1280x720;
            hls_variant _480p1128kbs BANDWIDTH=1128000,RESOLUTION=854x480;
            hls_variant _360p878kbs BANDWIDTH=878000,RESOLUTION=640x360;
            hls_variant _240p528kbs BANDWIDTH=528000,RESOLUTION=426x240;
            hls_variant _240p264kbs BANDWIDTH=264000,RESOLUTION=426x240;
        
    


http 
    root /www/static;
    sendfile off;
    tcp_nopush on;
    server_tokens off;
    access_log /dev/stdout combined;

    # Uncomment these lines to enable SSL.
    # ssl_protocols TLSv1.2 TLSv1.3;
    # ssl_ciphers ECDHE-ECDSA-AES128-GCM-SHA256:ECDHE-RSA-AES128-GCM-SHA256:ECDHE-ECDSA-AES256-GCM-SHA384:ECDHE-RSA-AES256-GCM-SHA384:ECDHE-ECDSA-CHACHA20-POLY1305:ECDHE-RSA-CHACHA20-POLY1305:DHE-RSA-AES128-GCM-SHA256:DHE-RSA-AES256-GCM-SHA384;
    # ssl_prefer_server_ciphers off;
    # ssl_session_cache shared:SSL:10m;
    # ssl_session_timeout 1d;

    server 
        listen 80;

        # Uncomment these lines to enable SSL.
        # Update the ssl paths with your own certificate and private key.

        # listen 443 ssl;
        # ssl_certificate     /opt/certs/example.com.crt;
        # ssl_certificate_key /opt/certs/example.com.key;

        location /hls 
            #  types  模块将文件扩展名映射到响应的 MIME 类型
            types 
                application/vnd.apple.mpegurl m3u8;
                video/mp2t ts;
            
            root /opt/data;
            add_header Cache-Control no-cache;
            add_header Access-Control-Allow-Origin *;
            add_header Access-Control-Allow-Methods "GET, POST, OPTIONS";
        

        location /live 
          alias /opt/data/hls;
          types 
              application/vnd.apple.mpegurl m3u8;
              video/mp2t ts;
          
          add_header Cache-Control no-cache;
          add_header Access-Control-Allow-Origin *;
          add_header Access-Control-Allow-Methods "GET, POST, OPTIONS";
        

        location /stat 
            rtmp_stat all;
            rtmp_stat_stylesheet stat.xsl;
        

        location /stat.xsl 
            root /www/static;
        

        location /crossdomain.xml 
            default_type text/xml;
            expires 24h;
        
    

野生方式

  • https://github.com/arut/nginx-rtmp-module

  • Wiki:https://github.com/arut/nginx-rtmp-module/wiki/Directives

版本选择

可以看下图,最后一个支持rtmp的免费版本为1.7.12.1,所以下载这个版本即可。

  • http://nginx-win.ecsds.eu/download/

推流

hls单码流

按照下图设置一下

推流监控

  • http://localhost:8080/stat

文件目录

/opt/data/hls/
			 laker/
			 	- index.m3u8
                - 1671605269991.ts  
                - 1671605279996.ts  
                - 1671605289993.ts  
                - 1671605299992.ts

rtmp多码流

推流监控

  • http://localhost:8080/stat

文件目录

/opt/data/hls/
			 laker.m3u8
			 laker_240p264kbs
			 	- index.m3u8
                - 1671605269991.ts  
                - 1671605279996.ts  
                - 1671605289993.ts  
                - 1671605299992.ts
             laker_240p528kbs
             	- 结构同上
             laker_360p878kbs
             laker_480p1128kbs
             laker_720p2628kbs

laker.m3u8内容如下:

#EXTM3U
#EXT-X-VERSION:3
#EXT-X-STREAM-INF:PROGRAM-ID=1,BANDWIDTH=2628000,RESOLUTION=1280x720
laker_720p2628kbs/index.m3u8
#EXT-X-STREAM-INF:PROGRAM-ID=1,BANDWIDTH=1128000,RESOLUTION=854x480
laker_480p1128kbs/index.m3u8
#EXT-X-STREAM-INF:PROGRAM-ID=1,BANDWIDTH=878000,RESOLUTION=640x360
laker_360p878kbs/index.m3u8
#EXT-X-STREAM-INF:PROGRAM-ID=1,BANDWIDTH=528000,RESOLUTION=426x240
laker_240p528kbs/index.m3u8
#EXT-X-STREAM-INF:PROGRAM-ID=1,BANDWIDTH=264000,RESOLUTION=426x240
laker_240p264kbs/index.m3u8

拉流

在线拉流

  • https://ossrs.net/players/srs_player.html

输入地址

  • rtmp多码流:http://localhost:8080/live/laker.m3u8
  • hls单码流:http://localhost:8080/live/laker/index.m3u8

或者如下代码

//引入hls.js
<script src="https://cdn.jsdelivr.net/hls.js/latest/hls.min.js"></script>

<video id="video" controls style="width:100%;height:600px;"></video>

<script>
    if (Hls.isSupported()) 
        var video = document.getElementById('video');
        var hls = new Hls();
        hls.loadSource('https://test-streams.mux.dev/x36xhzz/x36xhzz.m3u8');
        hls.attachMedia(video);
        hls.on(Hls.Events.MANIFEST_PARSED, function () 
            video.play();
        );
    
</script>

obs nginx-rtmp-module搭建流媒体服务器实现直播 ding

接下来我就简单跟大家介绍一下利用nginx来搭建流媒体服务器。

我选择的是腾讯云服务器

1、下载nginx-rtmp-module:

nginx-rtmp-module的官方github地址:https://github.com/arut/nginx-rtmp-module

使用命令:

[php] view plain copy
 
  1. git clone https://github.com/arut/nginx-rtmp-module.git    

将nginx-rtmp-module下载到linux中。

 

2、安装nginx:

nginx的官方网站为:http://nginx.org/en/download.html

[php] view plain copy
 
  1. wget http://nginx.org/download/nginx-1.8.1.tar.gz    
  2. tar -zxvf nginx-1.8.1.tar.gz    
  3. cd nginx-1.8.1    
  4. ./configure --prefix=/usr/local/nginx  --add-module=../nginx-rtmp-module  --with-http_ssl_module      

这时有的人可能会报 没有configure 文件

那么就执行

 

[php] view plain copy
 
  1. yum -y install gcc gcc-c++ autoconf automake make  

完事之后 重新运行编码,之后执行

[php] view plain copy
 
  1. make && make install    

有的人可能会出现以下结果,保持淡定  我来帮你解决

技术分享

当出现这个结果之后,大家来执行

[php] view plain copy
 
  1. yum -y install openssl openssl-devel  

或者

[php] view plain copy
 
  1. yum install -y openssl*  

然后大胆的往下执行  若是不行 就回滚回去 重新进行编译

本次默认安装目录为:/root, add-module为下载的nginx-rtmp-module文件路径。

 

安装时候可能会报错没有安装openssl

3、修改nginx配置文件:

[php] view plain copy
 
  1. vi /usr/local/nginx/conf/nginx.conf   

加入以下内容:

 

[html] view plain copy
 
  1. rtmp {  
  2.     server {  
  3.         listen 1935;  #监听的端口  
  4.         chunk_size 4000;     
  5.         application hls {  #rtmp推流请求路径    
  6.             live on;      
  7.             hls on;      
  8.             hls_path /usr/share/nginx/html/hls;      
  9.             hls_fragment 5s;      
  10.         }      
  11.     }      
  12. }    

hls_path需要可读可写的权限。
修改http中的server模块:

[php] view plain copy
 
  1. server {    
  2.     listen       81;    
  3.     server_name  localhost;    
  4.     
  5.     #charset koi8-r;    
  6.     
  7.     #access_log  logs/host.access.log  main;    
  8.     
  9.     location / {    
  10.         root   /usr/share/nginx/html;    
  11.         index  index.html index.htm;    
  12.     }    
  13.     
  14.     #error_page  404              /404.html;    
  15.     
  16.     # redirect server error pages to the static page /50x.html    
  17.     #    
  18.     error_page   500 502 503 504  /50x.html;    
  19.     location = /50x.html {    
  20.         root   html;    
  21.     }    


by the way ,root后路径可以跟据自己的需求来改的。
然后启动nginx:

[php] view plain copy
 
  1. /usr/local/nginx/sbin/nginx -c /usr/local/nginx/conf/nginx.conf      

 

4、开始推流

做好以上的配置后,就可以开始推流了,我们可以使用obs来推流。技术分享

点击设定 来配置自己的服务器ip

技术分享

 

URL为 rtmp://xxx:1935/hls,xxx为你的服务器的IP地址,hls是用来存放流媒体的。

秘钥可以随便填写一个,用来播放的时候识别播放哪个流媒体的,例如填写test等。

填写完毕后,点击开始串流,就说明我们的流媒体服务器搭建成功

5、观看直播(拉流)

观看直播就比较简单了,可以简单的使用h5的vedio标签就可以观看了。

可以访问http://xxx:81/hls/mystream.m3u8来观看直播,其中xxx为你的服务器IP地址,

或者使用

[php] view plain copy
 
  1. <video>      
  2.     <source src="http://xxx:81/hls/test.m3u8"/>      
  3.     <p class="warning">Your browser does not support HTML5 video.</p>      
  4. </video>    

同上, xxx写的是你服务器IP地址。

 

然后使用手机访问这个网站就能够观看直播了。延迟大概在20S左右。

(在iOS的safari浏览器中可以正常观看)

写在最后

为什么延迟 那么高呢?这是因为服务器将视频流切断成一个个小的以.ts结尾的文件。

而我们访问的是.m3u8文件,这个文件内容是将一个个ts文件串联起来的,这就达到了一个播放的效果,所以看起来会有很大的延迟

如果降低延迟也不是没有方法,可以设置切片生成的大小以及访问的速度,但是这样大大增加了服务器的压力。

当然,我们也可以用rtmp拉流工具(VLC等)来看该直播,延迟大概在2-5S左右,拉流地址与推流地址一致。

好了 至此简单的视频直播就完成了  如果大家有什么疑问可以在此评论交流 ,我们一起共同进步学习 !!

以上是关于nginx+rtmp+OBS搭建音视频直播服务的主要内容,如果未能解决你的问题,请参考以下文章

搭建Nginx+nginx-rtmp-module的hls流媒体服务器并用OBS进行推流

obs nginx-rtmp-module搭建流媒体服务器实现直播 ding

搭建Nginx+nginx-rtmp-module的hls流媒体服务器并用OBS进行推流

基于obs+nginx-rtmp-module搭建自己直播的系统

利用nginx的搭建直播流媒体平台

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