使用Nginx搭建流媒体服务器

news/2025/2/8 3:01:18/文章来源:https://www.cnblogs.com/Naylor/p/18583472

目录
  • 什么是流媒体服务器
  • Nginx如何实现流媒体服务器
  • 为Nginx安装nginx-http-flv-module
    • 概述
    • 流程
    • 操作步骤
  • 配置流媒体服务器
  • 使用OBS推流
  • 使用VLC拉RTMP
  • 使用flv.js拉流
  • 使用jls.js拉m3u8
  • 总结
  • 引用

什么是流媒体服务器

流媒体服务器（Streaming Media Server）是一种用于存储和传输音频、视频、直播等媒体内容的服务器软件。它通过网络将媒体文件实时传输给用户，而不需要用户先下载完整文件。流媒体服务器支持按需播放、实时广播等功能，常见的使用场景包括在线视频、音频点播、直播视频等。

视频流媒体数据传输往往对流媒体服务器编解码能力和协议转换有要求，因为不同的编码格式和不同的协议适用的场景不同。例如，RTMP协议延迟低，但是web浏览器不支持，需要将其转为HLS或者是FLV才能进行播放。

Nginx如何实现流媒体服务器

Nginx作为web服务器的一种，本身关注点在静态资源代理、正反向代理方面，实现作为流媒体服务器使用是依赖“插件”来扩展。例如：nginx-rtmp-module插件和nginx-http-flv-module插件。

为Nginx安装nginx-http-flv-module

概述

nginx中的模块虽然就是类似插件的概念，但是它无法像VsCode那样轻松的安装扩展。针对像 nginx-http-flv-module 这样的 nginx 模块，仅能通过重新编译 nginx 源码的方式完成“插件的安装”。

nginx-http-flv-module 基于 nginx-rtmp-module 二次开发，拥有 nginx-rtmp-module 全部的功能，同时具备HTTP-FLV播放，这个功能就很Nice，有了这个就可以实现在浏览器中观看直播，针对推送端无需额外的配置，一个直播流推送到流媒体服务器，直接可以输出多种流，包括：rtmp、hls、flv，rtmp用于在桌面应用程序中播放，hls和flv用于在浏览器中播放，当然hls也可以在桌面应用程序中播放，在浏览器播放方式中flv的画面延迟明显由于hls。

需要注意的是 nginx-http-flv-module 要求nginx的版本大于等于1.2.6。由于nginx-http-flv-module包含了 nginx-rtmp-module 模块，所以不可将 nginx-http-flv-module 和 nginx-rtmp-module 同时编译，当我们编译完 nginx-http-flv-module 之后，其实就已经拥有了 nginx-rtmp-module 的完整功能。

流程

  • 查看当前nginx 的版本(假设安装位置为：/usr/local/nginx)
  • 下载当前版本nginx的源代码
  • 下载 nginx-http-flv-module 模块源代码
  • 重新编译nginx并追加nginx-http-flv-module
  • 将新编译好的 nginx 可执行文件拷贝到当前nginx安装目录（/usr/local/nginx/sbin）

操作步骤

使用如下命令查看当前已经安装的nginx的版本


[root@bogon sbin]# ./nginx -V nginx version: nginx/1.18.0 built by gcc 4.8.5 20150623 (Red Hat 4.8.5-44) (GCC) built with OpenSSL 1.0.2k-fips 26 Jan 2017 TLS SNI support enabled configure arguments: --prefix=/usr/local/nginx --with-http_dav_module --with-http_stub_status_module --with-http_addition_module --with-http_sub_module --with-http_flv_module --with-http_mp4_module --with-pcre --with-http_ssl_module --with-http_gzip_static_module

  • V：小v仅打印版本号，大V既打印版本号，也打印扩展信息，这里要使用大V

  • 拿到版本号的目的是待会要下载该版本的源代码

  • 注意保存打印内容中的 arguments 后面的内容，后面编译会用到

下载 nginx 源码和 nginx-http-flv-module 的源码，示例代码如下：


wget http://nginx.org/download/nginx-1.18.0.tar.gz tar -zxvf nginx-1.18.0.tar.gz git clone https://github.com/winshining/nginx-http-flv-module.git

进入nginx源码目录，使用如下命令重新编译nginx：


./configure --prefix=/usr/local/nginx --with-http_dav_module --with-http_stub_status_module --with-http_addition_module --with-http_sub_module --with-http_flv_module --with-http_mp4_module --with-pcre --with-http_ssl_module --with-http_gzip_static_module --add-module=/home/cml/nginx-http-flv-module make
  • 使用configure 配置编译环境
  • 将上面 保存的“arguments 后面的内容”作为configure 的第一个参数
  • 第二个参数为 --add-module=/home/cml/nginx-http-flv-module ，即添加一个模块，模块源代码位置是 /home/cml/nginx-http-flv-module
  • 使用make命令执行编译编译

编译成功后，在 objs中会有一个 名为nginx的可执行文件，这个就是编译好的nginx了， 里面包含已经安装的功能和新增加的nginx-rtmp-module，将这个可执行文件拷贝到当前安装目录（/usr/local/nginx/sbin）中就可以了。

注意拷贝之前需要停止nginx，否则会报当前文件繁忙，无法覆盖的错误。

通过如下命令验证安装是否正常：


nginx -V

若打印的信息中包含nginx-http-flv-module，说明安装好了。

配置流媒体服务器

当安装好了 nginx-http-flv-module 之后，就可以创建流媒体应用了。所谓的创建流媒体应用其实就是编写 nginx 的配置文件，如果需要创建一个名为 live 的流媒体应用，那么可以在 nginx.conf 中做如下配置

#以下内容放可在 nginx.conf 的最后，rtmp 配置块为顶级配置块
rtmp_auto_push on ;rtmp {server {listen 1935; #监听的端口notify_method get;chunk_size 4000;application live { #rtmp推流请求路径live on;# 添加 hls 支持hls on;hls_path /usr/local/nginx/html/hls;hls_fragment 3;hls_playlist_length 60;# 允许从任何源push 流allow publish  all ;# 允许从任何地方来播放流allow play all;# 20s内没有push，就断开连接drop_idle_publisher 20s ;}}
}
  • listen 1935：指定流媒体服务器的运行端口
  • live ：为流媒体应用的应用的名称，也即流媒体应用的唯一标识
  • live on ： 添加直播的支持
  • hls_path：指定生成的m3u8文件的位置

之后就是创建http-flv端点和hls端点了，目的是让直播流可以在http协议上面传输直播画面。
若不创建，将仅可以使用rtmp协议拉流，即rtmp://ip:1935/live/stream_no；若创建了就可以使用hls或者flvjs来拉流播放了。

创建http-flv端点和hls端点同样是编辑nginx.conf来实现，如下示例配置：

server {listen  82;server_name  rtmpserver;# 创建hls端点location /hls {add_header 'Access-Control-Allow-Origin' '*' ;add_header 'Access-Control-Allow-Credentials' 'true' ;types {application/vnd.apple.mpegurl m3u8 ;video/mp2t ts;}alias /usr/local/nginx/html/hls;expires -1 ;add_header 'Cache-Control' 'no-cache';}# 创建 flv 端点location /flv {flv_live on ;chunked_transfer_encoding on;add_header 'Access-Control-Allow-Origin' '*';add_header 'Access-Control-Allow-Credentials' 'true';}}
  • listen 82 ：指定 hls端点和flv端点的监听端口，此端口可以自定义，针对hls端点和flv端点可以分开设置不同的监听端口
  • hls端点的标识为 hls，此标识可以自定义，拉流的时候会用到
  • alias：指定m3u8文件的访问路径，需要和 "创建流媒体应用"中的hls_path配置保持一致
  • flv端点的标识为flv，此标识可以自定义，拉流的时候会用到

使用OBS推流

OBS 是非常成熟的软件了，安装参考官网：https://obsproject.com/

假设约定的推拉流地址为 rtmp://192.168.1.115:1935/live/room-1

设置直播流来源为 视频采集设备 和 浏览器，其中视频采集设备就是笔记本的摄像头，浏览器为OBS内置浏览器并打开 https://time.is/zh/ 这个网址。最终的直播画面就是两个采集终端的画面叠加在一起，底部是一个网址，网页中有一个时钟，顶部是摄像头。

设置直播服务器和推流码：

  • 服务器：即流媒体应用的地址，即 rtmp://192.168.1.115:1935/live
  • 推流码：即当前推流唯一标识，可以随意指定，保证推拉流地址一致即可，示例为： room-1

点击开始直播，OBS就开始向流媒体服务器推流了。

此时就可以使用拉流客户端拉取直播画面了，同时hls_path 下将生成m3u8文件，文件名称为 room-1.m3u8。

使用VLC拉RTMP

VLC是非常成熟的软件了，安装参考官网。

VLC拉流使用rtmp进行，拉流地址为：


rtmp://192.168.1.115:1935/live/room-1

使用flv.js拉流

基于flv.js编写一个视频播放器，新建一个html文件，示例代码如下：

flvjs_player.html


<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>FLV.js Example</title>
    <script src="https://cdn.jsdelivr.net/npm/flv.js@1.5.0/dist/flv.min.js"></script>
</head>
<body>
    <h1>FLV.js Player</h1>
    <video id="videoElement" width="640" height="360" controls></video>
    <button id="playButton">Click to Play Video</button>
    <script>
        // Check if the browser supports FLV.js
        if (flvjs.isSupported()) {
            var videoElement = document.getElementById('videoElement');
            var flvPlayer = flvjs.createPlayer({
                type: 'flv',
                url: 'http://192.168.1.115:82/flv?port=1935&app=live&stream=room-1'  // Replace with your FLV video URL
            });
            flvPlayer.attachMediaElement(videoElement);
            flvPlayer.load();
            // Play video on button click
            document.getElementById('playButton').addEventListener('click', function() {
                flvPlayer.play().catch(function(error) {
                    console.error('Error playing video:', error);
                });
            });
        } else {
            console.error('FLV.js is not supported in this browser.');
        }
    </script>
</body>
</html>

使用jls.js拉m3u8

基于hls.js编写一个视频播放器，新建一个html文件，示例代码如下：

m3u8_play.html


<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>HLS.js Example</title>
    <script src="https://cdn.jsdelivr.net/npm/hls.js@latest"></script>
</head>
<body>
    <h1>HLS.js Player</h1>
    <video id="videoElement" width="640" height="360" controls></video>
    <script>
        var video = document.getElementById('videoElement');
       
        // 检查浏览器是否支持 HLS.js
        if (Hls.isSupported()) {
            var hls = new Hls();
            // 加载并播放 .m3u8 文件
            hls.loadSource('http://192.168.1.115:82/hls/room-1.m3u8');  // 替换为你的 .m3u8 URL
            hls.attachMedia(video);
           
            hls.on(Hls.Events.MANIFEST_PARSED, function() {
                video.play();  // 加载后自动播放
            });
            hls.on(Hls.Events.ERROR, function(event, data) {
                if (data.fatal) {
                    switch (data.fatal) {
                        case Hls.ErrorTypes.NETWORK_ERROR:
                            console.error("网络错误");
                            break;
                        case Hls.ErrorTypes.MEDIA_ERROR:
                            console.error("媒体错误");
                            break;
                        case Hls.ErrorTypes.OTHER_ERROR:
                            console.error("其他错误");
                            break;
                        default:
                            console.error("无法播放视频");
                            break;
                    }
                }
            });
        } else if (video.canPlayType('application/vnd.apple.mpegurl')) {
            // 如果浏览器原生支持 HLS（例如 Safari），直接播放
            video.src = 'http://192.168.1.92:82/hls/room-1.m3u8';
            video.play();
        } else {
            console.error('HLS.js 不支持此浏览器');
        }
    </script>
</body>
</html>

总结

本文介绍了流媒体服务器的特性及各种流媒体传输协议的适用场景，并详细阐述了使用 nginx-http-flv-module 扩展Nginx作为流媒体服务器的详细步骤，并提供了在VLC，flv.js，hls.js下的流媒体拉流播放示例。

引用

https://www.cnblogs.com/Naylor/p/18427309

https://www.cnblogs.com/Naylor/p/18070157

https://www.cnblogs.com/Naylor/p/18070047

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：http://www.hqwc.cn/news/845969.html

如若内容造成侵权/违法违规/事实不符，请联系编程知识网进行投诉反馈email:809451989@qq.com，一经查实，立即删除！

相关文章

[Go] Go语言教程

[Go] Go语言教程

Go-lang概述Go 是一个开源的编程语言，它能让构造简单、可靠且高效的软件变得容易。 Go 是从2007年末由Robert Griesemer, Rob Pike, Ken Thompson主持开发，后来还加入了Ian Lance Taylor, Russ Cox等人，并最终于2009年11月开源，在2012年早些时候发布了Go 1稳定版本。现在Go…
阅读更多...
hhdb数据库介绍(10-28)

hhdb数据库介绍(10-28)

管理 管理菜单主要囊括对业务数据进行管理的功能，例如对数据的备份恢复或执行业务表的DDL语句等操作。 数据对象 数据对象功能可以帮助用户通过列表实时查看当前已存在的数据对象，了解业务数据的整体情况。提供了对数据对象的筛选、统计、关联、详情等信息。基础数据对象的统…
阅读更多...
hhdb数据库介绍(10-26)

hhdb数据库介绍(10-26)

报表 数据节点吞吐量 数据节点吞吐量为计算节点发往存储节点的操作量统计，一般用SELECT、UPDATE、DELETE、INSERT、OTHER五种类型分类计算节点操作。 图形模式 数据节点吞吐量图形模式包含数据节点吞吐总量对比图、数据节点吞吐量变化趋势、集群吞吐类型对比图、逻辑库吞吐量对…
阅读更多...
离散数学命题逻辑

离散数学命题逻辑

离散数学命题逻辑语雀链接：https://www.yuque.com/g/wushi-ls7km/zyko8c/tfttq5zq0xyldfxn/collaborator/join?token=u0bJmfKd8DcgpA1k&source=doc_collaborator# 《离散数学命题逻辑》
阅读更多...
值班空岗睡岗识别智慧矿山视频分析技术安防摄像机的红外（补光）技术阐述科普

值班空岗睡岗识别智慧矿山视频分析技术安防摄像机的红外（补光）技术阐述科普

在现代安防监控领域，红外线（IR）技术因其在夜间或光线不足环境中的卓越表现而变得愈发重要。本文将深入探讨红外线技术在安防监控中的应用，分析其工作原理、分类以及在不同场景下的实际应用，同时探讨红外技术在智能交通和智慧矿山等领域中面临的挑战和解决方案。通过这一讨…
阅读更多...
图片是不是越小越好？如何优化图片呢？

图片是不是越小越好？如何优化图片呢？

图片并非越小越好，而是要在文件大小和图像质量之间找到一个平衡点。过小的图片文件大小通常意味着图像质量的损失，导致图片模糊、像素化或细节丢失，从而影响用户体验。优化的目标是在保证可接受的图像质量的前提下，尽可能减小文件大小，以提高网页加载速度和性能。 以下是一…
阅读更多...
井底车场人员进入识别智慧矿山一体机人车防碰撞识别AI科技护航矿山安全生产

井底车场人员进入识别智慧矿山一体机人车防碰撞识别AI科技护航矿山安全生产

在当代工业制造领域，安全生产始终是企业稳定发展的重中之重，特别是在那些如非煤矿山这般风险较高的作业场所，保障工作人员的安全、防止意外发生是极其关键的。信息技术的快速进步使得智慧矿山一体机成为了安全管理中不可或缺的一环，其在非煤矿山行业的应用正变得越来越重要…
阅读更多...
清除IDEA缓存 java: 程序包org.springframework.cloud.openfeign不存在

清除IDEA缓存 java: 程序包org.springframework.cloud.openfeign不存在

不报红，也能点到方法里面，但运行报错说 XXX 不存在 D:\Projects\80.HIS\SourceCode....\WebApplication.java:6:43 java: 程序包org.springframework.cloud.openfeign不存在解决办法 file -> invalidate caches选中 "清除文件系统缓存和本地历史记录"，点击【清…
阅读更多...
在编辑文章内容的时候，在Edge浏览器里面，富文本编辑器不显示的问题

在编辑文章内容的时候，在Edge浏览器里面，富文本编辑器不显示的问题

在编辑文章内容的时候，在Edge浏览器里面，富文本编辑器不显示的问题 一般是 兼容或者缓存问题， 打开F12，再刷新，他就正常显示了。 建议 ctrl+F5多刷新几次试试扫码添加技术【解决问题】专注中小企业网站建设、网站安全12年。熟悉各种CMS，精通PHP+MYSQL、HTML5、CSS3、Java…
阅读更多...
宝塔提示没有找到站点您的请求在Web服务器中没有找到对应的站点！

宝塔提示没有找到站点您的请求在Web服务器中没有找到对应的站点！

问题与答案 您的请求在Web服务器中没有找到对应的站点！ 可能原因： 1。您没有将此域名或IP绑定到对应站点！ 2。配置文件未生效！ 如何解决： 1.检查是否已经绑定到对应站点，若确认已绑定，请尝试重载Web服务； 2。检查端口是否正确； 3.若您使用了CDN产品，请尝试清除CDN缓存…
阅读更多...
PbootCMS登录失败：您登录失败次数太多已被锁定，请616秒后再试！

PbootCMS登录失败：您登录失败次数太多已被锁定，请616秒后再试！

PbootCMS登录失败：您登录失败次数太多已被锁定，请616秒后再试！ 解决办法： 删除网站根目录下的runtime文件夹，刷新网页，重新登录扫码添加技术【解决问题】专注中小企业网站建设、网站安全12年。熟悉各种CMS，精通PHP+MYSQL、HTML5、CSS3、Javascript等。承接：企业仿站、网…
阅读更多...
PbootCMS 添加栏目时报错“该内容栏目编号已经存在，不能再使用”，如何解决？

PbootCMS 添加栏目时报错“该内容栏目编号已经存在，不能再使用”，如何解决？

当你在PbootCMS中尝试添加新的栏目时，如果遇到“该内容栏目编号已经存在，不能再使用”的错误提示，通常是因为数据库中的栏目编号（scode）已经存在重复值。为了解决这个问题，你可以按照以下步骤操作：备份数据库：在进行任何数据库操作之前，建议先备份整个数据库，以防止意…
阅读更多...
推荐文章
最新文章

Copyright @ 2022~2023