当前位置: 首页 > news >正文

nginx搭建直播推流服务

文章目录

  • 学习链接
  • 步骤
  • 使用nginx搭建直播推流服务
    • 安装依赖库
    • 下载nginx-http-flv-module模块
    • 下载nginx
    • 解压nginx,进入nginx目录
    • 设置nginx编译配置
    • 编译并安装
    • 配置nginx rtmp服务
    • 启动nginx
  • 准备另外一台电脑下载OBS
    • 下载OBS
  • windows | linux 安装vlc观看直播
    • flv协议
    • hls协议
    • 使用ffmpeg命令行推流

学习链接

Linux系统使用Nginx搭建直播服务 | ffmpeg直播推流 | OBS直播 - B站视频

zzhua/live gitee代码(包括linux和windows版本:nginx配置文件&nginx源码安装包和nginx-http-flv-module源码模块)

Windows搭建Nginx直播推流服务器

全栈开发——动手打造属于自己的直播间(Vue+SpringBoot+Nginx)

vue3 + obs + nginx-rtmp-module + hls.js 推流开启个人直播

步骤

1、nginx配置添加nginx-http-flv-module模块,并配置rtmp服务

2、nginx的rtmp服务配置flv应用,开启live
3、开启obs,设置推流地址 rtmp://192.168.134.3:8002/flv,推流码 test
4、vlc可以打开网络串流 rtmp://192.168.134.3:8002/flv/test
5、nginx的监听80端口的server服务配置live,开启flv_live
6、web页面引入flv.js,可以使用 http://192.168.134.3/live?port=8002&app=flv&stream=test (适合直播)

(也可以使用ffmpeg将本地桌面或本地视频流推送到rtmp://192.168.134.3:8002/flv/test,使用上述方式播放 或使用ffplay拉流播放)

7、nginx的rtmp服务配置flv应用,开启live,开启hls,设置hls_path路径
8、开启obs,设置推流地址 rtmp://192.168.134.3:8002/hls,推流码 test,开启后,会在hls_path路径下生成test.m3u8文件和xxx.ts文件
9、vlc可以打开网络串流 rtmp://192.168.134.3:8002/hls/test
10、nginx的监听80端口的server服务配置location为/hls,访问路径指到hls_path路径
11、web页面引入videojs,可以使用 http://192.168.134.3/hls/test.m3u8 播放m3u8视频(适合点播)
(也可以使用ffmpeg将本地桌面或本地视频流推送到rtmp://192.168.134.3:8002/hls/test,使用上述方式播放或使用ffplay拉流播放)

使用nginx搭建直播推流服务

安装依赖库

sudo apt-get update
sudo apt-get install build-essential libpcre3-dev zlib1g-dev libssl-dev

下载nginx-http-flv-module模块

  • https://github.com/winshining/nginx-http-flv-module
    在github中选择master分支下载nginx-http-flv-module模块源码,下载完解压后修改文件夹名称为【nginx-http-flv-module】
sudo wget -O /usr/local/nginx-http-flv-module.zip https://github.com/winshining/nginx-http-flv-module/archive/refs/heads/master.zip

下载nginx

sudo wget -P /usr/local https://nginx.org/download/nginx-1.24.0.tar.gz

解压nginx,进入nginx目录

tar -zxvf nginx-1.24.0.tar.gz
cd ./nginx-1.24.0

设置nginx编译配置

./configure \--with-http_ssl_module \--with-stream \--with-stream_ssl_module \--add-module=/usr/local/nginx-http-flv-module

编译并安装

make && make install

配置nginx rtmp服务

# nginx.config 中追加配置,rtmp与http配置同级
user root;
rtmp {server {listen 8002;chunk_size 4000;application flv {live on;#allow publish 127.0.0.1;allow play all;gop_cache on;}application hls {live on;hls on;hls_path /home/winter/html/hls; }}
}http {include       mime.types;default_type  application/octet-stream;sendfile        off;server_names_hash_bucket_size 128;client_body_timeout   10;client_header_timeout 10;keepalive_timeout     30;send_timeout          10;keepalive_requests    10;server {listen       80;server_name  localhost;add_header Access-Control-Allow-Credentials true;add_header Access-Control-Allow-Origin *;add_header Access-Control-Allow-Methods 'GET, POST, PUT, DELETE, OPTIONS';add_header Access-Control-Allow-Headers 'DNT,X-Mx-ReqToken,Keep-Alive,User-Agent,X-Requested-With,If-Modified-Since,Cache-Control,Content-Type,Authorization,tenantappid';if ($request_method = 'OPTIONS') {return 200;}location /live {flv_live on; chunked_transfer_encoding on;}location /hls {root   /home/winter/html;index  index.html index.htm;}error_page   500 502 503 504  /50x.html;location = /50x.html {root   html;}}
}

启动nginx

# 检查配置
/usr/local/nginx/sbin/nginx -t
# 启动
/usr/local/nginx/sbin/nginx
# 停止
/usr/local/nginx/sbin/nginx -s stop
# 重启
/usr/local/nginx/sbin/nginx -s reload

准备另外一台电脑下载OBS

下载OBS

  • 官方的下载地址很慢,推荐到清华大学镜像下载https://mirrors.tuna.tsinghua.edu.cn/github-release/obsproject/obs-studio/

windows | linux 安装vlc观看直播

sudo apt install vlc -y

flv协议

  • 打开OBS设置,直播菜单,服务:自定义,服务器:rtmp://192.168.1.8:8002/flv(ip地址替换为nginx服务所在的ip),密钥:test
  • 开始直播
  • 打开vlc左上角菜单媒体,选择【打开网络串流】菜单,输入 rtmp://192.168.1.8:8002/flv/test 观看直播
  • 创建一个html文件观看直播
<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>Demo</title><!-- https://bilibili.github.io/flv.js/ --><script src="https://cdn.bootcdn.net/ajax/libs/flv.js/1.6.2/flv.min.js"></script><style>body {margin: 0;}#video {width: 100%;height: 100vh;}</style>
</head>
<body>
<video id="video" src="" muted autoplay="false" controls></video>
<script>const videoElement = document.getElementById('video');const flvPlayer = flvjs.createPlayer({type: 'flv',url: 'http://192.168.1.8/live?port=8002&app=flv&stream=test'});flvPlayer.attachMediaElement(videoElement);flvPlayer.load();flvPlayer.play();
</script>
</body>
</html>

hls协议

  • 打开OBS设置,直播菜单,服务:自定义,服务器:rtmp://192.168.1.8:8002/hls(ip地址替换为nginx服务所在的ip),密钥:test
  • 开始直播
  • 打开vlc左上角菜单媒体,选择【打开网络串流】菜单,输入 rtmp://192.168.1.8:8002/hls/test 观看直播
  • 创建一个html文件观看直播
<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>Demo</title><!--  文档地址 https://videojs.com/getting-started  --><link href="https://cdn.bootcdn.net/ajax/libs/video.js/7.7.1/video-js.min.css" rel="stylesheet"><script src="https://cdn.bootcdn.net/ajax/libs/video.js/7.7.1/video.min.js"></script><style>body {margin: 0;}.video-js .vjs-big-play-button {top: 50%;margin-top: -45px;left: 50%;margin-left: -44px;}#video {width: 100%;height: 100vh;}</style>
</head>
<body>
<video id="video" class="video-js vjs-default-skin" src="" muted autoplay="false" controls></video>
<script>const playerOptions = {playbackRates: [0.7, 1.0, 1.5, 2.0],autoplay: false, // 如果true,浏览器准备好时开始回放。muted: true, // 默认情况下将会消除任何音频。loop: false,preload: 'false', // 建议浏览器在<video>加载元素后是否应该开始下载视频数据。auto浏览器选择最佳行为,立即开始加载视频(如果浏览器支持)notSupportedMessage: "此视频暂无法播放,请稍后再试", // 允许覆盖Video.js无法播放媒体源时显示的默认信息。poster: '',sources: [{type: 'application/x-mpegURL',src: 'http://192.168.1.8/hls/test.m3u8' //视频流地址}],}const videoDom = document.querySelector('#video')let $player = videojs(videoDom, playerOptions, function onPlayerReady() {console.log('播放器已经准备好了!')this.on('loadstart', function () {console.log('loadstart------------')})this.on('loadedmetadata', function () {console.log('loadedmetadata---视频源数据加载完成----')})this.on('loadeddata', function () {console.log('loadeddata---渲染播放画面----'); //autoPlay必须为false// $player.play()})})
</script>
</body>
</html>

使用ffmpeg命令行推流

# 查看本地的音视频硬件
D:\myapp\ffmpeg\bin\ffmpeg.exe -list_devices true -f dshow -i dummy
# 推送视频
D:\myapp\ffmpeg\bin\ffmpeg.exe -i C:\Users\Mr_Li\Desktop\1.mp4 -vcodec libx264 -acodec aac -f flv rtmp://192.168.1.8:8002/flv/test
# 推送摄像头、音频
D:\myapp\ffmpeg\bin\ffmpeg.exe -f dshow -i audio="麦克风阵列 (适用于数字麦克风的英特尔® 智音技术)" -thread_queue_size 1024 -f dshow -i video="Integrated Camera" -s 480x320 -vcodec libx264 -acodec aac -f flv rtmp://192.168.1.8:8002/flv/test
# 推送系统桌面
D:\myapp\ffmpeg\bin\ffmpeg.exe  -f gdigrab -i desktop -vcodec libx264 -f flv rtmp://192.168.1.8:8002/flv/test# 可以使用ffplay拉流, 执行命令后会打开1个窗口播放视频
# 也可以使用上述方式播放
ffplay -i rtmp://192.168.1.8:8002/flv/test
  • ffmpeg下载地址https://github.com/BtbN/FFmpeg-Builds/releases 选择【ffmpeg-n7.0-latest-win64-lgpl-7.0.zip】

http://www.mrgr.cn/news/78691.html

相关文章:

  • Kubernetes Ingress:流量管理的利器
  • Web渗透测试之XSS跨站脚本 原理 出现的原因 出现的位置 测试的方法 危害 防御手段 面试题 一篇文章给你说的明明白白
  • Linux内核学习——数据结构
  • C 语言 strcpy 函数的进阶之旅
  • 【计算机网络】课程 实验二 交换机基本配置和VLAN 间路由实现
  • Linux: 关于 mount 的一些细节
  • arkTS:持久化储存UI状态的基本用法(PersistentStorage)
  • SRS搭建直播推流服务
  • vxlan 手工隧道(头端复制)
  • sentinel使用手册
  • Android开发中的NSD扫描是什么
  • Node教程二
  • SQL进阶技巧:非等值连接--单向近距离匹配
  • 【ArkTS】使用AVRecorder录制音频 --内附录音机开发详细代码
  • aws(学习笔记第十五课) 如何从灾难中恢复(recover)
  • SpringBoot+Flowable快速实现工流_动态选择审批人员
  • 腾讯阅文集团Java后端开发面试题及参考答案
  • C++ STL 容器系列(三)list —— 编程世界的万能胶,数据结构中的百变精灵
  • MATLAB —— 机械臂工作空间,可达性分析
  • springboot学习-spring-boot-data-jdbc分页/排序/多表查询的例子
  • 点云处理中obb算法原理和法向量求解方法
  • PVE中VLAN的设置要点
  • 第十六届蓝桥杯模拟赛第二期题解—Java
  • 11 设计模式之代理模式(送资料案例)
  • 「Mac畅玩鸿蒙与硬件38」UI互动应用篇15 - 猜数字增强版
  • 2024前端面试经验分享