1.环境准备
docker 镜像:tiangolo/nginx-rtmp:latest
ffmpeg 本文基于版本:ffmpeg 4.4.1-static
2.制作镜像
2.1 创建目录并进入目录
mkdir rtmp && cd rtmp
2.2 编写 nginx.conf
worker_processes auto;
rtmp_auto_push on;
events { }
#直播流配置
rtmp {
server {
#端口
listen 3002;
# RTMP 直播流配置
application rtmplive {
# 非常重要, 设定让ngnix断开阻塞中的连接, 才能触发exec_record_done
# 以及客户端的LFLiveKit reconnectCount自动重新连接才会好用
drop_idle_publisher 5s;
live on;
hls_cleanup off;
}
# HLS 直播流配置
application hls {
live on;
record all;
record_path /data/fileSave/other/tmp;
record_max_size 10485760K;
record_unique off;
record_append on;
hls on;
hls_path /data/fileSave/other;
hls_cleanup off; #注意,如果没使用直播流,需要在这里配置为off
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 3003;
location /hls {
types {
application /vnd.apple.mpegurl m3u8;
video /mp2t ts;
}
#访问权限开启,否则访问这个地址会报403
autoindex on;
#视频流存放地址,与上面的hls_path相对应,这里root和alias的区别可自行百度
alias /data/fileSave/other;
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文件
FROM tiangolo/nginx-rtmp
COPY nginx.conf /etc/nginx/nginx.conf
2.4 制作镜像
docker build -t trc-nginx-rtmp .
3.运行容器
docker run -d -p 3002:3002 -p 3003:3003 -v /tmp:/tmp --privileged=true --name trc-nginx-rtmp trc-nginx-rtmp
注意:
特别需要注意/temp文件夹的权限设置成777。
注意这里面开启了3002推流端口 和 3003拉流端口。
4.使用ffmpeg推流
4.1 推送rtsp流
ffmpeg -rtsp_transport tcp -i rtsp://admin:root@192.168.3.101:554 -vcodec copy -f flv -an rtmp://192.168.3.101:3002/hls/abc
(vlc播放地址:http://192.168.3.101:3003/hls/abc.m3u8)
4.2 推送本地文件
ffmpeg -re -stream_loop -1 -i /Users/admin/资料/视频/xxx.mp4 -vcodec copy -acodec copy -f flv rtmp://192.168.3.101:3002/hls/xxx
(vlc播放地址:http://192.168.3.101:3003/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://192.168.3.101:3003/hls/xxx.m3u8" type="application/x-mpegURL">
</video>
<script>
</script>
</body>
</html>