一、如何安装以及配置基础环境

1.1 简述

本文涉及以下内容及资料，需要您提前做好以下知识点的基础认知，可极大的提升在本文后面的内容做
理解以及实践。

1. 涉及技术及工具内容：Nginx、FFmpeg、Flv.js
2. 涉及直播流信息：RTMP、RTSP、HTTP-FLV
3. 涉及编码格式：H265、H264

以上资料参考：

Nginx 基础简介:https://www.runoob.com/w3cnote/nginx-setup-intro.html
FFmpeg 基础使用:http://www.ruanyifeng.com/blog/2020/01/ffmpeg.html Flv.js
前端播放组件:https://github.com/Bilibili/flv.js

1.2 安装教程

由于浏览器对 Flash 对禁用，Web 播放 RTMP 于是成为了一个难题，目前主流的 Web 直播流都为 http-
flv 格式，本文着重讲解如何将 RTMP 转为 Http-Flv。 、

具体安装教程:https://wxzzz.com/425.html

二、如何正确的配置高性能直播环境

2.1 简述

基于本文以上内容，想必您已经正确的安装了基础环境并实现了网⻚端的直播支持。

但它仍然存在一些性能上的问题，它目前的配置单个网⻚⻚面仅能播放 6 个直播视频，并且播放有较大 的卡顿、延迟。

2.2 发现问题所在

通过摸索、资料查询、实践得出以下结论。

1. 关于 Flash 的支持:2021年后 Chrome 浏览器已经停止对 Flash 插件的支持。
2. 关于单个网站⻚面最多只能播放 6 个视频:Chrome 以及大部分浏览器截止目前版本仅支持单个网
   ⻚播放 6 个视频(资料显示由于 HTTP 1.0/1.1 协议仅支持单个链接限制最大仅 6 路数据流支
   持)。
3. 关于卡顿、延迟:由于流的实时拉取、再推送、再输送直播流整个流程的衔接，需要网络的完美支
   持，没有缓冲区、主动推流等配置它依然会卡顿(具体每一项的配置请参照 nginx-http-flv-module 官方文档 、nginx-rtmp-module 官方文档 确保正确配置您的程序)

2.3 解决问题

2.3.1 配置 Nginx 基础环境

1. 配置网⻚端为 HTTPS / HTTP2.0 协议。
2. 配置 推流端的访问为 HTTP 普通协议 、并且配置 HTTPS / HTTP2.0协议代理 HTTP 推流端 。

以上配置可自行百度解决相应的配置信息。

配置 Nginx 中的 RTMP 段，以解决性能卡顿、延迟问题:

配置（一）：

 
server {
    listen 1935;
    server_name localhost;
    application myapp {
        live on;
        gop_cache on; #打开 GOP 缓存，减少首屏等待时间 }
}

关键配置: gop_cache on;

配置（二）：

 
rtmp_auto_push on;
rtmp_auto_push_reconnect 1s;
rtmp_socket_dir /tmp;
rtmp{
    out_queue 4096;
 
out_cork 8;
    max_streams 128;
    timeout 15s;
    drop_idle_publisher 15s;
    log_interval 5s;
    log_size 1m;
    server{
        listen 1935;
        application myapp{
            live on;
            gop_cache on;
        }
    // ....
    }
}

关键配置:第 1 - 3 行、 6 - 12 行 配置。

至此，基于以上配置已经可实现高性能的直播请求访问。(当然，此处的”高性能“是针对基础配置而来
的，需要更高的性能直播请求，还需要更深一步的技术挖掘，道路漫漫⻓)

三、参考文献

1. ubuntu16 nginx +rtmp+nginx-http-flv-module 环境搭建
2. FFmpeg 视频处理入⻔教程 – 阮一峰
3. nginx-http-flv-module 说明文档(中文)
4. nginx-rtmp-module 说明文档
5. flv.js 说明文档

由于浏览器对 flash 对禁用，Web 播放 RTMP 于是成为了一个难题，目前主流的 Web 直播流都为 http-flv 格式，本文着重讲解如何将 RTMP 转为 Http-Flv。

（重要）补充说明：通过对文档对阅读，如果您只是想推送 RTMP 流为 http-flv 的话，无需 ffmpeg 自行推流，可直接在 nginx 中的 rtmp 使用 “pull” 配置，如下图所示：

1. 实现方式简述

通过服务端将其 RTMP 流实时转为 http-flv 流，从而浏览器可直接使用该流进行直播（使用bilibili提供的 flv.js ）。

所需资料集（以及下载地址）：

1. nginx
2. nginx-http-flv-module
3. ffmpeg
4. flv.js

2. 配置环境

本文以 CentOS 系统为例，其操作大同小异。

2.1 下载 nginx 及 nginx-http-flv-module 进行编译安装

1. 下载 nginx 、 nginx-http-flv-module 到 /opt/tools/ 目录中。
2. 依次安装系统相关依赖项

yum -y install unzip
yum -y install gcc-c++ 
yum -y install pcre pcre-devel  
yum -y install zlib zlib-devel 
yum -y install openssl openssl-devel

3. 解压 nginx-http-flv-module-1.2.6.zip 解压到/usr/local/nginx 目录中

cd /opt/tools
unzip nginx-http-flv-module-1.2.6.zip
cp -r /opt/toos/nginx-http-flv-module /usr/local/nginx/nginx-http-flv-module

4. 将 nginx-http-flv-module 模板添加到 nginx 中，生成 make 文件 并安装 nginx

cd /opt/tools
tar -zxvf nginx-1.8.1.tar.gz
cd nginx-1.8.1
./configure --prefix=/usr/local/nginx  --add-module=/usr/local/nginx/nginx-http-flv-module
make && make install

5. 修改 nginx 配置文件，这里我贴出我自己的文件，根据个人情况可做相应修改。

worker_processes  1;

events {
    worker_connections  1024;
}

rtmp {
    server {
        listen 1985;

        application myapp {
            live on;
        }
    }
}

http {
    include       mime.types;
    default_type  application/octet-stream;

    sendfile        on;

    keepalive_timeout  65;


    server {
        listen       80;
        server_name  localhost;

        location / {
            add_header 'Access-Control-Allow-Origin' '*';
            root html;
            index  index.html index.htm;
        }

        location /live {
            flv_live on;
        }

        location /flv {
            add_header 'Access-Control-Allow-Origin' '*';
            flv_live on;
            chunked_transfer_encoding on;
        }
        
        error_page   500 502 503 504  /50x.html;
        location = /50x.html {
            root   html;
        }
    }
}

6. 启动 nginx 服务

cd /usr/local/nginx/sbin
./nginx

Tips：停止nginx服务“ ./nginx -s stop ” ， 重新加载配置 “ ./nginx -s reload ”

通过以上配置，即可完成服务端的直播环境配置。

2.2 ffmpeg 推送 RTMP 直播流到 nginx

安装ffmpeg：首先推送直播流到电脑（可以是同 nginx 一台服务器，性能会更好）必须已经安装了 ffmpeg 到环境，具体安装教程百度、Google一大把。

通过以上到 nginx 配置后，我们可以使用端口 1985，应用名称 myapp 来进行推送 RTMP 流给服务器，假定我们到服务器IP为“ 10.211.55.5 ” ，以下 ffmpeg 命令即可推送：

ffmpeg -re -i rtmp://58.200.131.2:1935/livetv/cctv1 -c copy -f flv rtmp://10.211.55.5:1985/myapp/testv

以上参数简单解释：1985 为端口，myapp 为对应nginx配置的应用名称，testv 为直播流名称可以随意填写，后面可以用这个名称，具体配置解释文档进行查阅：https://github.com/winshining/nginx-http-flv-module

运行正常结果如下图所示：

通过以上即可配置完成。

3. 使用 Web 进行直播

配置完成后，咱们就可以使用 nginx 配置好的路径进行直播啦，目前配置了两个路径如下：

http://10.211.55.5/live?port=1985&app=myapp&stream=testv  // 原始转播地址

http://10.211.55.5/flv?port=1985&app=myapp&stream=testv   // flv 转播地址

flv.js 在线测试地址：http://bilibili.github.io/flv.js/demo/

运行效果：

Tips，为了测试流是否正常，也可以使用 VLC （百度一下） 进行播放测试，如下图所示：

4. 以上，大功告成。

更多的细节，配置，及内容都可以到相应到网站进行查阅相关文档进行调整，处理。

本文的后续更新，参考地址：直播流转码 RTMP 转 HTTP-FLV 用于 WEB 播放解决流程（续）