1、环境准备

工具

下载地址

备注

Docker环境

见官网

安装docker

Docker镜像

tiangolo/nginx-rtmp:latest-2021-09-17

Ffmpeg

https://ffbinaries.com/downloads

可根据需要,选择不同的版本(本文基于ffmpeg 4.4.1 binaries)


2、制作镜像

2.1 编写Dockerfile文件

FROM tiangolo/nginx-rtmp:latest-2021-09-17

COPY nginx.conf  /etc/nginx/nginx.conf

2.2 编写nginx.conf文件

​
worker_processes auto;

rtmp_auto_push on;

events { }

#直播流配置

rtmp {

  server {

    #端口

    listen 1935;

    # RTMP 直播流配置

    application rtmplive {

      # 非常重要, 设定让ngnix断开阻塞中的连接, 才能触发exec_record_done

      # 以及客户端的LFLiveKit reconnectCount自动重新连接才会好用

      drop_idle_publisher 5s;

      live on;

    }

    # HLS 直播流配置

    application hls {

      live on;

      record all;

      record_path /tmp;

      record_max_size 10485760K;

      record_unique off;

      record_append on;

      hls on;

      hls_path /tmp;

      hls_fragment 5s;

    }

  }

}

# HLS 拉流配置(vlc播放 http://127.0.0.1:8080/hls/XXX.m3u8,其中http://127.0.0.1:8080/hls/为下面location的值,XXX为具体推流的配置)

http {

  server {

    listen 8080;

    location /hls {

      types {

        application /vnd.apple.mpegurl m3u8;

        video /mp2t ts;

      }

      #访问权限开启,否则访问这个地址会报403

      autoindex on;

      #视频流存放地址,与上面的hls_path相对应,这里root和alias的区别可自行百度

      alias /tmp;

      expires -1;

      add_header Cache-Control no-cache;

      #防止跨域问题

      add_header 'Access-Control-Allow-Origin' '*';

      add_header 'Access-Control-Allow-Credentials' 'true';

      add_header 'Access-Control-Allow-Methods' 'GET, POST, OPTIONS';

      add_header 'Access-Control-Allow-Headers' 'DNT,X-CustomHeader,Keep-Alive,User-Agent,X-Requested-With,If-Modified-Since,Cache-Control,Content-Type';

    }

  }

}

​

2.3制作镜像

把Dockerfile和nginx.conf放在同级目录,CD到这个目录,运行下面的命令,创建镜像

docker build -t trc-nginx-rtmp .

2.4成功之后,执行如下命令查看新创建的镜像

docker images | grep trc-nginx-rtmp

3、运行容器

docker run -d -p 1935:1935 -p 1900:8080 -v /Users/taoruicheng/temp:/tmp --privileged=true --name trc-nginx-rtmp trc-nginx-rtmp

注意:

  • -v /Users/taoruicheng/temp:/tmp 的意思是把容器内部的/tmp文件夹 映射到外部/Users/taoruicheng/temp文件夹。这样在容器外部就能看到视频直播的文件了。特别需要注意/Users/taoruicheng/temp文件夹的权限设置成777。
  • 注意这里面开启了1935推流端口 和 1900拉流端口。

4、使用ffmpeg推流

4.1 推送rtsp流

ffmpeg -rtsp_transport tcp -i rtsp://admin:root@11.122.2.143:554 -vcodec copy -f flv -an rtmp://11.122.2.143:1935/hls/abc

(vlc播放地址:http://11.122.2.143:1900/hls/abc.m3u8)

4.2 推送本地文件

ffmpeg  -re -stream_loop -1 -i /Users/taoruicheng/工作资料目录/视频素材/仓xx.mp4 -vcodec copy -acodec copy -f flv  rtmp://11.122.2.143:1935/hls/xxx

(vlc播放地址:http://11.122.2.143:1900/hls/xxx.m3u8)

5、编写HTML程序进行播放

<!DOCTYPE html>
<html>
<head>
<meta charset=utf-8 />
<title>videojs-contrib-hls embed</title>

  <link href="https://unpkg.com/video.js/dist/video-js.css" rel="stylesheet">
  <script src="https://unpkg.com/video.js/dist/video.js"></script>
  <script src="https://unpkg.com/videojs-contrib-hls/dist/videojs-contrib-hls.js"></script>
  
</head>
<body>
  <h1>Video.js Example Embed</h1>

  <video id="my_video_1" class="video-js vjs-default-skin" controls preload="auto" width="640" height="268" 
  data-setup='{}'>
    <source src="http://11.122.2.143:1900/hls/xxx.m3u8" type="application/x-mpegURL">
  </video>
  
  <script>
  </script>
  
</body>
</html>

如果对您有用,麻烦点下赞!👍👍👍

 

Logo

权威|前沿|技术|干货|国内首个API全生命周期开发者社区

更多推荐