【流媒体服务】使用nginx来搭建rtmp服务

╰+攻爆jí腚メ 2022-10-02 10:46 185阅读 0赞

# 资源准备 #

> 在windows平台上搭建

*  【nginx-rtmp-module】 [https://github.com/arut/nginx-rtmp-module/releases/tag/v1.2.1][https_github.com_arut_nginx-rtmp-module_releases_tag_v1.2.1]
 *  【nginx-Gryphon】 [http://nginx-win.ecsds.eu/download/][http_nginx-win.ecsds.eu_download]

# nginx配置文件 #

worker_processes  2;
    
    events {
        worker_connections  8192;
    }
    
    rtmp {
        server {
            listen 1935;
            chunk_size 4096;
            application vod {  //vod为资源访问路径
    			play c://resources;  #资源存放目录
            }
        }
    }
    
    
    http {
        include       mime.types;
        default_type  application/octet-stream;
    
    
    
        sendfile        off;
        #tcp_nopush     on;
    
        server_names_hash_bucket_size 128;
    
    ## Start: Timeouts ##
        client_body_timeout   10;
        client_header_timeout 10;
        keepalive_timeout     30;
        send_timeout          10;
        keepalive_requests    10;
    ## End: Timeouts ##
    
        #gzip  on;
    
        server {
            listen       80;
            server_name  localhost;
    		
    		location /stat {
                rtmp_stat all;
                rtmp_stat_stylesheet stat.xsl;
            }
            location /stat.xsl {
                root nginx-rtmp-module/;  #此处要修改 nginx-rtmp-module 的目录
            }
            location /control {
                rtmp_control all;
            }
    
            location / {
                root   html;
                index  index.html index.htm;
            }
    	}
    }

# 启动 #

.\nginx.exe -c .\conf\nginx_vod.conf

启动之后，打开http://127.0.0.1/ 出现nginx欢迎页面，则启动成功  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzE4ODYwNjUz_size_16_color_FFFFFF_t_70]

# 客户端访问 #

我这里使用了ckplayer来进行访问

<!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Title</title>
    </head>
    <body>
    <script type="text/javascript" src="jquery.js"></script>
    <script type="text/javascript" src="ckplayer/ckplayer.js"></script>
    <div class="video" style="width: 1000px;height: 600px;"></div>
    <script type="text/javascript">
        var videoObject = {
            container: '.video',//“#”代表容器的ID，“.”或“”代表容器的class
            variable: 'player',//该属性必需设置，值等于下面的new chplayer()的对象
            autoplay:true,//自动播放
            video:'rtmp://127.0.0.1:1935/vod/ron.mp4'  //视频地址  目录下的文件名为ron.mp4   rtmp://127.0.0.1:1935/vod为配置的根路径
        };
        var player=new ckplayer(videoObject);
    </script>
    </body>
    </html>

出现效果如下  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzE4ODYwNjUz_size_16_color_FFFFFF_t_70 1]

[https_github.com_arut_nginx-rtmp-module_releases_tag_v1.2.1]: https://github.com/arut/nginx-rtmp-module/releases/tag/v1.2.1
[http_nginx-win.ecsds.eu_download]: http://nginx-win.ecsds.eu/download/
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzE4ODYwNjUz_size_16_color_FFFFFF_t_70]: /images/20220112/7ec34cde4a7d44f7bbe9d0f617e361fb.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzE4ODYwNjUz_size_16_color_FFFFFF_t_70 1]: /images/20220112/3407d79ae91b4b739ad57b9c5995e972.png