5 分鐘完成 Nginx 直播服務部署(直播 + 分流 + 畫面水印)

5 分鐘完成 Nginx 直播服務部署(直播 + 分流 + 畫面水印)

最近幫朋友的公司部署瞭一套分流+水印的直播系統

順手打包成docker鏡像,方便大傢需要用到的時候開箱即用,不需要百度一些零碎的文章 也可做簡單的直播服務,隻需調整配置文件便可達到你的需求.

需求:將直播流分流到兩個雲廠商的直播雲,一個有水印,一個無水印。使用hls播放

朋友需求的拓撲示意圖:

5 分鐘完成 Nginx 直播服務部署(直播 + 分流 + 畫面水印)

當前拓撲示意圖(阿某雲和騰訊雲不方便放出推流和拉流地址,有興趣的同學可以去申請玩一下)

5 分鐘完成 Nginx 直播服務部署(直播 + 分流 + 畫面水印)

docker-nginx-rtmp-ffmpeg

基於docker-nginx-rtmp進行配置部署,這篇文章的意義是實現直播分流及直播畫面水印.

  • Nginx 1.16.1(從源代碼編譯的穩定版本)
  • nginx-rtmp-module 1.2.1(從源代碼編譯)
  • ffmpeg 4.2.1(從源代碼編譯)
  • 已配置好的nginx.conf
    • 隻支持1920*1080
    • 實現兩路分流
      • 本機
      • 直播雲(例:阿某雲、騰訊雲、ucloud)
    • 實現直播水印效果
      • 水印圖片存放位置(容器內):/opt/images/logo.png

部署安裝

1、安裝docker

$yum -y install docker#安裝docker
$systemctlenabledocker#配置開機啟動
$systemctl start docker#啟動docker服務

2、拉取docker鏡像並運行
$docker pull ar414/nginx-rtmp-ffmpeg
$docker run -it -d -p 1935:1935 -p 8080:80 --rm ar414/nginx-rtmp-ffmpeg

3、推流地址(Stream live content to):

rtmp://:1935/stream/$STREAM_NAME

4、SSL證書

將證書復制到容器內,並在容器內修改nginx.conf配置文件,然後重新commit(操作容器內的文件都需要重新commit才會生效)

listen443ssl;
ssl_certificate/opt/certs/example.com.crt;
ssl_certificate_key/opt/certs/example.com.key;

5、OBS配置

  • Stream Type: Custom Streaming Server
  • URL: rtmp://:1935/stream
  • Stream Key:ar414

6、觀看測試

HLS播放測試工具:player.alicdn.com/aliplayer/s… (如果配置瞭證書則使用https)

7、HLS播放地址

RTMP測試工具:PotPlayer

8、RTMP播放地址

    • 無水印:rtmp://:1935/stream/ar414
    • 有水印:需要分流到其他服務器上

:page_facing_up:配置文件簡解(分流、水印及水印位置)

完整配置文件:

https://github.com/ar414-com/nginx-rtmp-ffmpeg-conf/blob/master/nginx.conf

9、RTMP配置

rtmp{
server{
listen1935;#端口
chunk_size4000;
#RTMP 直播流配置
applicationstream {
liveon;
#添加水印及分流,這次方便測試直接分流到當前服務器hls
#實際生產一般都分流到直播雲(騰訊雲、阿某雲、ucloud)
#隻需把需要分流的地址替換即可
#有水印:rtmp://localhost:1935/hls/$name_wm
#無水印:rtmp://localhost:1935/hls/$name
execffmpeg -i rtmp://localhost:1935/stream/$name-i /opt/images/ar414.png
-filter_complex"overlay=10:10,split=1[ar414]"
-map'[ar414]'-map0:a -s 1920x1080 -c:v libx264 -c:a aac -g30-r30-tune zerolatency -preset veryfast -crf23-f flv rtmp://localhost:1935/hls/$name_wm
-c:a libfdk_aac -b:a128k-c:v libx264 -b:v2500k-f flv -g30-r30-s 1920x1080 -preset superfast -profile:v baseline rtmp://localhost:1935/hls/$name;
}

applicationhls {
liveon;
hlson;
hls_fragment5;
hls_path/opt/data/hls;
}
}
}

如果需要推多個直播雲則復制多個 exec ffmpeg即可 如下:

applicationstream {
liveon;
#分流至本機hls
execffmpeg -i rtmp://localhost:1935/stream/$name-i /opt/images/ar414.png
-filter_complex"overlay=10:10,split=1[ar414]"
-map'[ar414]'-map0:a -s 1920x1080 -c:v libx264 -c:a aac -g30-r30-tune zerolatency -preset veryfast -crf23-f flv rtmp://localhost:1935/hls/$name_wm
-c:a libfdk_aac -b:a128k-c:v libx264 -b:v2500k-f flv -g30-r30-s 1920x1080 -preset superfast -profile:v baseline rtmp://localhost:1935/hls/$name;

#分流至騰訊雲
execffmpeg -i rtmp://localhost:1935/stream/$name-i /opt/images/ar414.png
-filter_complex"overlay=10:10,split=1[ar414]"
-map'[ar414]'-map0:a -s 1920x1080 -c:v libx264 -c:a aac -g30-r30-tune zerolatency -preset veryfast -crf23-f flv rtmp://live-push.tencent.com/stream/$name_wm
-c:a libfdk_aac -b:a128k-c:v libx264 -b:v2500k-f flv -g30-r30-s 1920x1080 -preset superfast -profile:v baseline rtmp://live-push.tencent.com/stream/$name;

#分流至阿某雲
execffmpeg -i rtmp://localhost:1935/stream/$name-i /opt/images/ar414.png
-filter_complex"overlay=10:10,split=1[ar414]"
-map'[ar414]'-map0:a -s 1920x1080 -c:v libx264 -c:a aac -g30-r30-tune zerolatency -preset veryfast -crf23-f flv rtmp://live-push.aliyun.com/stream/$name_wm
-c:a libfdk_aac -b:a128k-c:v libx264 -b:v2500k-f flv -g30-r30-s 1920x1080 -preset superfast -profile:v baseline rtmp://live-push.aliyun.com/stream/$name;
}

11、水印位置

水印位置

水印圖片位置overlay值左上角10:10右上角main_w-overlay_w-10:10左下角10:main_h-overlay_h-10右下角main_w-overlay_w-10 : main_h-overlay_h-10

overlay參數

參數說明main_w視頻單幀圖像寬度(當前配置文件1920)main_h視頻單幀圖像高度(當前配置文件1080)overlay_w水印圖片的寬度overlay_h水印圖片的高度

Published in News by Awesome.

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *