windows中obs+nginx-http-flv-module的流媒体服务搭建

最新推荐文章于 2024-05-26 13:14:14 发布
最新推荐文章于 2024-05-26 13:14:14 发布
阅读量3.6k 收藏 16
点赞数 4
分类专栏： HTML 文章标签： nginx windows http
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/OneCodeSolvesAll/article/details/121805942
版权

obs+nginx-http-flv-module的流媒体服务搭建

一、编译带nginx-http-flv-module的nginx

个人编译好的：链接：https://pan.baidu.com/s/1XKkyYvK5W6yZA1w2mPaAfg
提取码：3ug6

nginx.zip文件夹

1 下载相关源码

1.1 nginx源代码下载

在这里插入图片描述

点击zip下载文件

1.2 下载nginx-http-flv-module

github地址：https://github.com/winshining/nginx-http-flv-module

1.3 下载 PCRE

下载地址：http://www.pcre.org/

备用：https://udomain.dl.sourceforge.net/project/pcre/pcre/8.45/pcre-8.45.zip

1.4 下载zlib

下载地址：http://zlib.net/

备用：https://udomain.dl.sourceforge.net/project/libpng/zlib/1.2.11/zlib-1.2.11.tar.gz

1.5 下载OpenSSL

下载地址：https://www.openssl.org/

2 编译准备

2.1 将nginx解压到nginx文件夹

在这里插入图片描述

2.2 新建objs

在nginx目录西面新建objs文件夹，并在objs文件夹下面建lib文件夹，创建好后将nginx-http-flv-module，PCRE，zlib，OpenSSL解压到lib文件夹下面。

在这里插入图片描述

2.3 准备软件
  1. MSYS:https://www.msys2.org/
  2. visual studio: https://visualstudio.microsoft.com/zh-hans/
  3. perl:https://www.perl.org/get.html

3 编译开始编译

3.1 MSYS工具

打开MSYS2 MSYS，使用cd命令来到nginx文件夹下，执行以下命令(注意：objs文件夹下的路径要写对，如果下载版本和我的不一致，需要对应修改文件名)

auto/configure \
    --with-cc=cl \
    --with-debug \
    --prefix= \
    --conf-path=conf/nginx.conf \
    --pid-path=logs/nginx.pid \
    --http-log-path=logs/access.log \
    --error-log-path=logs/error.log \
    --sbin-path=nginx.exe \
    --http-client-body-temp-path=temp/client_body_temp \
    --http-proxy-temp-path=temp/proxy_temp \
    --http-fastcgi-temp-path=temp/fastcgi_temp \
    --http-scgi-temp-path=temp/scgi_temp \
    --http-uwsgi-temp-path=temp/uwsgi_temp \
    --with-cc-opt=-DFD_SETSIZE=1024 \
    --with-pcre=objs/lib/pcre-8.45 \
    --with-zlib=objs/lib/zlib-1.2.11 \
    --with-openssl=objs/lib/openssl-1.1.0i \
    --with-openssl-opt=no-asm \
    --add-module=objs/lib/nginx-http-flv-module \
    --with-http_ssl_module  \

Administrator@DESKTOP-VJ9LQ7M MINGW64 ~
# cd /d/a_devApp/z_nginx_1/dic/nginx/

Administrator@DESKTOP-VJ9LQ7M MINGW64 /d/a_devApp/z_nginx_1/dic/nginx
# auto/configure \
    --with-cc=cl \
    --with-debug \
    --prefix= \
    --conf-path=conf/nginx.conf \
    --pid-path=logs/nginx.pid \
    --http-log-path=logs/access.log \
    --error-log-path=logs/error.log \
    --sbin-path=nginx.exe \
    --http-client-body-temp-path=temp/client_body_temp \
    --http-proxy-temp-path=temp/proxy_temp \
    --http-fastcgi-temp-path=temp/fastcgi_temp \
    --http-scgi-temp-path=temp/scgi_temp \
    --http-uwsgi-temp-path=temp/uwsgi_temp \
    --with-cc-opt=-DFD_SETSIZE=1024 \
    --with-pcre=objs/lib/pcre-8.45 \
    --with-zlib=objs/lib/zlib-1.2.11 \
    --with-openssl=objs/lib/openssl-1.1.0i \
    --with-openssl-opt=no-asm \
    --add-module=objs/lib/nginx-http-flv-module \
    --with-http_ssl_module  \
> ;
checking for OS
 + MINGW64_NT-10.0-18363 3.2.0-340.x86_64 x86_64
 + using Microsoft Visual C++ compiler
 + cl version:
auto/cc/msvc: line 117: [: : integer expression expected
checking for MINGW64_NT-10.0-18363 specific features
configuring additional modules
adding module in objs/lib/nginx-http-flv-module
 + ngx_http_flv_live_module was configured
creating objs/Makefile

Configuration summary
  + using PCRE library: objs/lib/pcre-8.45
  + using OpenSSL library: objs/lib/openssl-1.1.0i
  + using zlib library: objs/lib/zlib-1.2.11

  nginx path prefix: ""
  nginx binary file: "/nginx.exe"
  nginx modules path: "/modules"
  nginx configuration prefix: "/conf"
  nginx configuration file: "/conf/nginx.conf"
  nginx pid file: "/logs/nginx.pid"
  nginx error log file: "/logs/error.log"
  nginx http access log file: "/logs/access.log"
  nginx http client request body temporary files: "temp/client_body_temp"
  nginx http proxy temporary files: "temp/proxy_temp"
  nginx http fastcgi temporary files: "temp/fastcgi_temp"
  nginx http uwsgi temporary files: "temp/uwsgi_temp"
  nginx http scgi temporary files: "temp/scgi_temp"


Administrator@DESKTOP-VJ9LQ7M MINGW64 /d/a_devApp/z_nginx_1/dic/nginx
#
3.2 nmake编译

点击windows图标，进入开始界面，找到“x86 Native Tools Command Pro…”并打开它，进入nginx文件夹。

在这里插入图片描述

在这里插入图片描述

如果出现如下信息则表明编译成功，这个时候在nginx西面创建好html，logs,temp文件夹并且将objs文件夹西面的nginx.exe复制到nginx西面以后就能启动 使用了。

注意：

  1. sed命令找不到：可以去安装的git下面查找有没有对应的sed.exe文件如果有的话，直接配置对应路径的环境变量，错误就能解决。
  2. 中间还配置了vscode studio下面的rc.exe的环境变量才能编译完成

在这里插入图片描述

二 做obs推流到nginx,并且实现h5播放

1 nginx配置

在http的server中加入如下配置

# 在http的server中加入
location /live {
    flv_live on; #当HTTP请求以/live结尾，匹配这儿，这个选项表示开启了flv直播播放功能
    chunked_transfer_encoding  on; #HTTP协议开启Transfer-Encoding: chunked;方式回复

    add_header 'Access-Control-Allow-Origin' '*'; #添加额外的HTTP头
    add_header 'Access-Control-Allow-Credentials' 'true'; #添加额外的HTTP头
}

在外层加入如下配置

rtmp {
    server {
        listen 1935; #Nginx监听的RTMP推流/拉流端口
        application live {
            live on; #当推流时，RTMP路径中的APP（RTMP中一个概念）匹配myapp时，开启直播
            record off; #不记录视频
            gop_cache off;
        }
    }
}

2 obs配置

  1. 在电脑上面下载安装obs
  2. 添加采集器

在这里插入图片描述

  1. 设置加推流
    在这里插入图片描述

    服务器地地址：rtmp:[ip]:[port]/live ip:是nginx的ip地址port 是配置文件中配置的地址 live也是配置文件中配置。

3 编写html

  1. flv.js下载地址：https://github.com/bilibili/flv.js/releases/download/v1.5.0/flv.min.js

  2. html代码

    <!DOCTYPE html>
<html>

<head>
    <meta content="text/html; charset=utf-8" http-equiv="Content-Type">
    <title>flv.js demo</title>
    <style>
        .mainContainer {
            display: block;
            width: 1024px;
            margin-left: auto;
            margin-right: auto;
        }

        .urlInput {
            display: block;
            width: 100%;
            margin-left: auto;
            margin-right: auto;
            margin-top: 8px;
            margin-bottom: 8px;
        }

        .centeredVideo {
            display: block;
            width: 100%;
            height: 576px;
            margin-left: auto;
            margin-right: auto;
            margin-bottom: auto;
        }

        .controls {
            display: block;
            width: 100%;
            text-align: center;
            margin-left: auto;
            margin-right: auto;
        }
    </style>
</head>

<body>

<p class="mainContainer">
    <video name="videoElement" id="videoElement" class="centeredVideo" controls muted autoplay width="1024"
           height="576">
        Your browser is too old which doesn't support HTML5 video.
    </video>
</p>

<script src="js/flv.min.js"></script>

<script>

    function start() {
        if (flvjs.isSupported()) {
            var videoElement = document.getElementById('videoElement');
            var flvPlayer = flvjs.createPlayer({
                type: 'flv',
                url: 'http://172.16.90.102/live?port=1935&app=live&stream=035c73f7-bb6b-4889-a715-d9eb2d1925cc'
            });
            flvPlayer.attachMediaElement(videoElement);
            flvPlayer.load();
            flvPlayer.play();
        }
    }

    document.addEventListener('DOMContentLoaded', function () {
        start();
    });
</script>

</body>

</html>

在这里插入图片描述

参考文档：
https://blog.csdn.net/byna11sina11/article/details/117735684
https://blog.csdn.net/flyawayl/article/details/108218807

OneCodeSolvesAll
关注
  • 4
    点赞
  • 踩
  • 16
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
win环境使用nginx的nginx-http-flv-module.zip
08-24
在windows 7 64位 环境下使用nginx的nginx-http-flv-module搭建flv视频流播放所有的安装包，参考：https://blog.csdn.net/qq_33071429/article/details/102628008
windows下nginx-http-flv-module一键部署 非常方便
01-04
windows下nginx-http-flv-module一键部署 非常方便
实现一个高性能的HTTP-FLV流媒体服务器
最新发布
control_0317的博客
05-26 438
在当今的互联网时代，流媒体技术已经成为传输音视频内容的核心技术之一。为了更好地理解和应用流媒体技术，开始学习并实现了一个高性能的HTTP-FLV流媒体服务器。HTTP-FLV是一种常用的实时流媒体传输协议，结合了HTTP协议的广泛兼容性和FLV（Flash Video）格式的高效性，非常适用于实时视频流的传输。在博客中，将详细介绍HTTP-FLV的基本概念，并分享在实现高性能HTTP-FLV流媒体服务器过程中积累的经验和技巧。Boost网络库【C++】开源：jsoncpp库。
Windows下nginx-http-flv-module服务部署
phymat.nico的专栏
11-04 1212
https://blog.csdn.net/KayChanGEEK/article/details/105098588
Windows上搭建Nginx-http-flv实现rtsp视频流推流到rtmp流媒体服务器并转换和前端拉取http-flv视频流
BADAO_LIUMANG_QIZHI的博客
03-14 2564
上面两篇文章实现将本地视频文件模拟上传至rtmp流媒体服务器并转换为http-flv视频流格式在前端进行播放，如果是要对接摄像头实现rtsp视频流格式视频上传，并可进行拉取和前端播放。
Windows 源码编译 nginx （加入nginx-http-flv-module）
像我这样的人
11-07 2901
Windows 源码编译 nginx （加入nginx-http-flv-module）
Nginx-http-flv-module流媒体服务器搭建+模拟推流+flv.js在前端html和Vue中播放HTTP-FLV视频流
BADAO_LIUMANG_QIZHI的博客
03-09 8181
前面使用Vue播放RTMP流时，需要借助于flash。这种方式对于flash插件的安装与后续浏览器支持等都不是很好。可以采用将rtmp的视频流转换成HTTP-FLV的方式，然后前端通过bilibili的flv.js实现播放。
windows下编译nginx-http-flv-moudle
tian_tang_g的博客
11-18 1911
windows下编译nginx-http-flv-moudle一： 编译前准备1：msys（1.0.11内含mingw命令行工具）2：perl （ActivePerl 5.28，草莓版好像会编译出错，具体原因不知）3：nasm（2.11.02）4：sed5：nginx-http-flv-moudle6：zlib（1.2.11,Zlib是一个压缩和解压模块）7：openssl（1.1.1d,加密）8：pcre（8.3.4perl语言兼容正则表达式）二：开始编译1：windows先安装vs，若已安装跳过。未安装
windows下nginx-http-flv-module的nginx集成环境的傻瓜式部署
u013769085的博客
09-25 6135
windows下nginx-http-flv-module的nginx集成环境的傻瓜式部署 【背景】最近需要在windows server 2012上，使用nginx+ nginx-http-flv-module + flv.js，进行http-flv的视频拉流播放。 由于默认的nginx源码包，不包含nginx-http-flv-module模块，因此需要重新下载nginx源码，加入nginx-http-flv-module进行编译 【部署步骤】 进行将nginx-http-flv-module作为模块
nginx-http-flv - module.rar
08-11
在标题提到的 "nginx-http-flv - module.rar" 文件中，包含的是一个已经编译好的 Nginx 服务运行包，特别针对 RTMP (Real-Time Messaging Protocol) 和 HTTP-FLV 流媒体协议进行了优化。这个压缩包简化了部署流程，...
nginx-http-flv-module(windows版)
04-14
已编译好的nginx-http-flv-molule(windows版) 基于： --> openssl-1.1.1g --> pcre-8.44 --> zlib-1.2.11 --> nginx-http-module-v1.2.10 --> nginx-1.21.6 ======================== 在网上查找半天都只有教程，没有可免费下载的版本，深知没有积分遍地找资源的痛苦，无奈之下只好自己按照教程一步一个坑编译出来的，供大家免费下载使用。（无毒放心使用）
nginx带nginx-http-flv模块windows编译版rtmp
11-07
nginx带nginx-http-flv模块，包含所有rtmp功能，我自己在windows下编译的，直接可用，用的是最新版的1.19.4版本
nginx-rtmp_Http_FLV.rar
04-15
Nginx-RTMP与HTTP-FLV模块是实现视频直播服务的关键组件，尤其在Windows环境下。`nginx-rtmp_Http_FLV.rar`文件包含了一个预配置好的Nginx服务器，其中集成了RTMP（Real-Time Messaging Protocol）模块和HTTP-FLV...
nginx-rtmp-module-master.zip
09-01
**Nginx RTMP 模块详解** Nginx RTMP 模块是 Nginx 服务器的一个扩展，专门用于处理 Real-Time Messaging Protocol (RTMP) 的流媒体内容。...同时，由于 Nginx 的高性能和稳定性，使得它成为流媒体服务的理想选择。
nginx-flv.zip
03-18
这个压缩包 "nginx-flv.zip" 提供了在Windows环境下集成 Nginx-HTTP-FLV 模块的编译包，使得用户能够在 Nginx 服务器上实现RTMP流到HTTP FLV或HLS的转换，以满足不同客户端的播放需求。 **1. Nginx-HTTP-FLV 模块...
windows下Nginx-http-flv-module
weixin_48985425的博客
08-22 356
1 nginx window 需要编译 ，可以直接用这个编译好的 https://download.csdn.net/download/u012848709/12391725rtmp application myapp 2 推流 rtmp://127.0.0.1:1985/myapp/mystream 3 页面播放 url Z http://127.0.0.1:8080/live?port=1985&app=myapp&stream=mystream nginx 配置 w
Windows环境编译Nginx+nginx-rtmp-module流媒体
weixin_42262872的博客
11-15 692
windows环境编译nginx-rtmp-module
Nginx-rtmp如何搭建流媒体服务器
05-22
要搭建一个基于 Nginx-rtmp 的流媒体服务器，可以按照以下步骤进行： 1. 安装 Nginx 和 Nginx-rtmp 模块 在 Linux 系统中，可以使用包管理器安装 Nginx 和 Nginx-rtmp 模块。以 Ubuntu 为例，可以使用以下命令进行安装： ``` sudo apt-get update sudo apt-get install nginx libnginx-mod-rtmp ``` 2. 配置 Nginx-rtmp 模块 打开 Nginx 配置文件 `/etc/nginx/nginx.conf`，添加以下配置： ``` rtmp { server { listen 1935; # RTMP 协议默认端口 chunk_size 4000; application live { live on; record off; } } } ``` 上面的配置定义了一个 RTMP 服务器，监听 1935 端口，并定义了一个名为 `live` 的应用，将直播流推送到该应用。 3. 启动 Nginx 服务 启动 Nginx 服务，使用以下命令： ``` sudo service nginx start ``` 4. 推送直播流 使用 OBS、FFmpeg 等工具推送直播流，将直播流推送到 `rtmp://localhost/live/stream_name`。其中 `stream_name` 是流的名称，可以自定义。 5. 播放直播流 使用播放器打开 `rtmp://localhost/live/stream_name`，即可播放直播流。 以上就是基于 Nginx-rtmp 模块搭建流媒体服务器的步骤。需要注意的是，Nginx-rtmp 模块并不支持 HLS 等其他协议，如果需要支持其他协议，可以考虑使用其他流媒体服务器软件，如 Wowza、Red5 等。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值