当前位置： 首页 > article >正文

nginx搭建直播推流服务

article 2024/12/1 9:52:53

文章目录

  • 学习链接
  • 步骤
  • 使用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.kler.cn/a/416866.html

相关文章：

  • 嵌入式QT学习第3天：UI设计器的简单使用
  • 28.100ASK_T113-PRO Linux+QT 显示一张照片
  • Maven install java heap space
  • lua-cjson 例子
  • 【ArcGIS Pro实操第11期】经纬度数据转化成平面坐标数据
  • 丹摩｜丹摩智算平台使用教学指南
  • PHP和GD库如何根据像素绘制图形
  • 小车AI视觉交互--1.颜色追踪
  • 一个Python脚本
  • 网络安全开源组件
  • 用堆求解最小可用ID问题
  • C++ 之弦上舞：string 类与多样字符串操作的优雅旋律
  • 面向数字音视频的网络与操作系统技术研讨会 征稿通知
  • Qt 项目中同时使用 CMAKE_AUTOUIC 和 UiTools 的注意事项
  • 泷羽Sec-星河飞雪-BurpSuite之解码、日志、对比模块基础使用
  • 频繁发生Full GC的原因有哪些？如何避免发生Full GC
  • vue3创建
  • 使用PyQt5开发一个GUI程序的实例演示
  • 解决“磁盘已插上,但Windows系统无法识别“问题
  • 记一次 .NET某hdp智能柜系统 卡死分析
  • el-selet下拉菜单自定义内容，下拉内容样式类似表格
  • ChatGPT的应用场景：开启无限可能的大门
  • apache实现绑定多个虚拟主机访问服务
  • Vue项目运行步骤(详细图解)
  • 静态页面 和 动态页面（Java Web开发）
  • 【Linux网络编程】第三弹---UDP网络通信深度解析：构建服务器端、客户端，并实现两端通信的完整步骤与测试