html5  flv 直播

一,nginx的安装

    1,下载nginx
        wget http://nginx.org/download/nginx-1.14.2.tar.gz
      
    2,克隆nginx-http-flv-module模块(https://github.com/winshining/nginx-http-flv-module)
        git clone https://github.com/winshining/nginx-http-flv-module.git
       
    3,编译安装nginx
        tar -zxf nginx-1.14.2.tar.gz
        cd nginx-1.14.2
        ./configure --add-module=../nginx-http-flv-module/ --with-ipv6 --with-http_stub_status_module --with http_ssl_module --with-stream   
        make && make install


二,构建flv.js

    1,获取flvjs(https://github.com/bilibili/flv.js)
        git clone https://github.com/bilibili/flv.js.git
   
    2,Installation
        cd flv.js
        npm install --save flv.js

        //如果报错 npm ERR! Refusing to install flv.js as a dependency of itself,
        //将package.json文件 中的 "name": "flv.js" 改为其他的即可 "name": "bilibili"
       
    3,Build
        npm install          # install dev-dependences
        npm install -g gulp  # install build tool
        gulp release         # 将生成文件夹 dist ,文件夹中包含了构建好的 flv.js,flv.min.js

    4,如果不会构建flv.js,可以使用下面我构建好了的
        点击下载:flv.js

三,配置nginx

    1,在nginx配置文件中添加rtmp模块
        rtmp {
             server {
                 listen 1935;
                 application myapp {
                     live on;
                 }
             }
        }

   
    2,在nginx配置文件http模块server中添加flv访问
        location /live {                                                           
            flv_live on;    #当HTTP请求以/live结尾,匹配这儿,这个选项表示开启了flv直播播放功能
            add_header 'Access-Control-Allow-Origin' '*';     #添加额外的HTTP头
            add_header 'Access-Control-Allow-Credentials' 'true';    #添加额外的HTTP头                                                           
        }                                                                          
       
    3,完整配置如下
        点击下载:配置

四,创建测试页面

        点击下载:测试页面

五,开启服务

    1,启动nginx
        /usr/local/nginx/sbin/nginx -c /usr/local/nginx/conf/nginx.conf
       
    2,使用obs推流(如果不知道obs怎么推流,自己百度)
        推流地址    rtmp://192.168.2.4:1935/myapp/test        //rtmp默认端口1935,此处可以不写
   
六,打开上面的测试页面预览,直播搭建完成。



阅读 22 562