简单实现Web+原生直播 支持H5播放（http-flv 、rtmp）ubuntu+docker+nginx-http-flv-module

最新推荐文章于 2024-07-26 09:50:12 发布
最新推荐文章于 2024-07-26 09:50:12 发布
阅读量3.9k 收藏 12
点赞数 3
文章标签： docker rtmp nginx 服务器
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_44270427/article/details/111504641
版权

说明PS：

为了 能让大部分人看懂，本文会用大白话+多图的方式。

首先得搞明白直播结构，这张图就挺好的，就拿来用了。

基础直播系统结构

视频截图来源：https://www.bilibili.com/video/BV1dv411C7vx

过程采集视频->编码（编码的目的是为了压缩以节省带宽）->把视频推到服务器->服务器分发视频到用户手里（用户类型分为WEB和原生，用户需要解码）

采集、编码、推流、我这边用的是OBS ，直接调摄像头了

服务器方面用的是nginx-http-flv-module    

使用Web和VLC播放器就可以播放

 

流程：

虚拟机：

Linux我用的是简单易用的Ubuntu（并不易用= =）

首先确保Ubuntu和你的windows网络是通的，也就是可以ping通

最低0.47元/天 解锁文章
辉大头
关注
  • 3
    点赞
  • 踩
  • 12
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
【Docker初探】第七节：Alpine下编译Nginx，并使用nginx-http-flv-module搭建视频直播服务
不定时更新AI技术tensorflow实现方式，欢迎关注，有问题请私信我。
08-19 2874
相关资料： 【Docker初探】第一节：Docker+Alpine+Openssh+Supervisor部署Linux基础环境 【Docker初探】第二节：安装alpine-pkg-glibc，部署java环境 【Docker初探】第三节：导入导出镜像及压缩 【Docker初探】第四节：使用mount挂载共享文件夹(cifs) 【Docker初探】第五节：安装PostgreSQL+Ngi...
linux下使用nginx-http-flv-module转发码流，web使用flv.js直播码流。
a_917的博客
06-12 6190
记录一下linux下 rtsp/rtmp 转 rtmp/http-flv 码流完成的步骤，帮助你少走弯路
docker编译一个支持flv的nginx镜像
Henry_Wu001的专栏
06-12 384
不想执行最后一步make install而污染本地系统，编译时缺少openssl报错。所以就放docker里面去了。
【GitHub项目推荐--开箱即用的直播聊天系统,高颜值,支持二次开发】【转载】
j8267643的博客
02-02 2677
它允许用户创建自己的在线直播间，与传统的中心化直播平台不同，Owncast 是去中心化的，这意味着用户可以直接控制和托管自己的直播服务，而不需要依赖第三方平台。Owncast 通过其独特的去中心化架构和开源特性，提供了一个强大而灵活的工具，让用户能够掌控自己的直播体验，同时保持隐私和安全性。对于有技术能力的用户或组织，可以通过自定义集成将Owncast直播流整合到自己的应用程序或网站中。Owncast 是一个开源的直播软件，它可以接入多种平台和设备，使其成为一个多功能的直播解决方案。
搭建推流服务器 rtmp
LJWWD的博客
07-31 208
上面三个视频感觉看完之后对音视频开发的了解更深了。然后参照了下面这个博客完成推流服务器的搭建和测试的。
Bookmarks
热门推荐
gmHappy
08-15 1万+
Bookmarks   书签栏   tooltips提示效果，支持点击与经过显示，位置和效果可以自定义 - CSDN博客 疯狂的小萝卜头 - 博客园 【Kettle从零开始】第九弹之Kettle定时任务介绍 - RotKang - CSDN博客 Freemarker模版   Java开源Web开发框架分类列表 HTML5模板引擎 Thymeleaf 教程 - OPEN 开发经...
Windows下一站式搭建ffmpeg推流+nginx-http-flv-module直播拉流+FLV.js播放环境.rar
09-01
1、在Windows系统下，搭建ffmpeg推流+nginx-http-flv-module直播拉流+FLV.js播放环境，所需依赖相关资源文件。 2、适合初学、研究、验证视频直播部署方案的相关技术人员。
nginx + nginx-http-flv-module-1.2.9
07-06
Nginx 是一个高性能的 Web 和反向代理服务器，而 nginx-http-flv-module 是 Nginx 的一个扩展模块，专门用于支持实时流媒体（RTMP）和FLV格式的视频流。让我们深入探讨这个组合的相关知识点。 1. **Nginx 概述** ...
nginx带nginx-http-flv模块windows编译版rtmp
11-07
Nginx结合Nginx-RTMP和Nginx-HTTP-FLV模块，可以作为一个强大的流媒体服务器，支持RTMP推流、HLS切片、FLV播放等多种功能，适用于在线教育、游戏直播、企业会议等多种场景。 **应用场景** 1. **在线直播**：企业和...
windows下编译nginx-http-flv-moudle
11-18
在Windows环境下编译`nginx-http-flv-module`是一项技术性的任务，主要目的是为了实现HTTP FLV协议的直播功能，使得用户可以通过浏览器中的FLVJS库或者无插件Flash播放器来观看直播内容。这个模块是Nginx的一个扩展...
windows下nginx-http-flv-module一键部署 非常方便
01-04
本文将详细讲解如何在Windows上快速、简便地安装Nginx，并配置HTTP-FLV模块，以便支持FLV格式的流媒体传输。 HTTP-FLV模块是Nginx的一个扩展，允许服务器通过HTTP协议传输FLV（Flash Video）流。这种模块对于那些...
175道Docker面试题（上）
weixin_62922268的博客
07-22 1336
Docker是一个容器化平台，以容器的形式将我们的应用程序及其所有依赖项打包在一起，以确保我们的应用程序在任何环境中无缝运行，可以理解为一个应用打包、分发、部署的工具。我们也可以把它理解为一个轻量的虚拟机，Docker只虚拟我们的软件需要的运行环境，多余的一点都不要，而普通虚拟机则是一个完整而庞大的系统，包含各种不管我们要不要的软件。
Docker快速入门
weixin_62432037的博客
07-24 852
镜像就是包括了应用程序、程序运行的系统函数库、运行配置等文件的文件包。构建镜像的过程就是其实把上述文件打包的过程。部署一个Java应用的步骤：（1）准备一个Linux服务器（2）安装JRE并配置环境变量（3）拷贝Jar包（4）运行Jar包ps:JRE是运行时环境，它提供了 Java 虚拟机（JVM）、核心类库以及其他支持文件，允许用户在其计算机上执行 Java 程序。不同的操作系统用的JVM是不一样的。构建一个Java镜像的步骤：（1）准备一个Linyx运行环境。
Docker 深度解析：从入门到精通
2301_77695569的博客
07-22 1357
Docker 是一个开源的应用容器引擎，它允许开发者将应用及其依赖环境打包到一个可移植的容器中。Docker 使用 Linux 容器（LXC）技术，但与 LXC 相比，Docker 提供了更易用的接口和更高效的资源利用。EXPOSE 80"]Docker 作为容器化技术的代表，极大地简化了应用的部署和管理。通过本文的介绍，希望你能对 Docker 有一个全面的了解，并能够开始使用 Docker 来管理和部署你的应用。Docker 的世界非常广阔，还有很多高级功能等待你去探索和使用。
maven项目容器化运行之3-优雅的利用Jenkins和maven使用docker插件调用远程docker构建服务并在1Panel中运行
qq_37372909的博客
07-24 967
在《maven项目容器化运行之1》中，我们开启了1Panel环境中docker构建服务给到了局域网。在《maven项目容器化运行之2》中，我们基本实现了maven工程创建、远程调用docker构建镜像、在1Panel选择镜像运行容器三大步骤。 但是，存在一个问题，就是我们本地每次install的时候，都会去构建镜像。期望开发人员在本地开发打包构建时，用于本地测试或者联调，不去构建镜像。而专业测试人员一般是面对测试环境进行测试，这时就需要发布到测试环境，能够快速构建测试人员的测试环境就行。
Kali中docker与docker-compose的配置
2301_76565920的博客
07-23 443
kali中docker与docker-compose配置
本地部署VMware ESXi服务实现无公网IP远程访问管理服务器
最新发布
weixin_44976692的博客
07-26 2670
在虚拟化技术日益成熟的今天，VMware ESXi以其卓越的性能和稳定性，成为了众多企业构建虚拟化环境的首选。然而，随着远程办公和跨地域管理的需求增加，如何高效地远程访问和管理部署在本地数据中心的ESXi服务器，成为了企业IT部门面临的重要挑战。传统的远程访问方式往往受限于网络配置复杂、IP地址固定以及安全性能不足等问题，难以满足现代企业对于灵活、安全、高效的远程管理需求。为了解决这一难题，我们可以借助Cpolar内网穿透技术，将本地ESXi服务器的访问能力扩展到公网，实现随时随地的远程访问和管理。
ipsec VPN设备在边界情况
aimnr的博客
07-23 671
AR1和AR3充当两私网的边界设备，AR2充当ISP，要求PC1和PC2通过IPSEC互通。
windows下一站式搭建ffmpeg推流+nginx-http-flv-module直播拉流+flv.js播放环境
08-18
在Windows下一站式搭建ffmpeg推流、nginx-http-flv-module直播拉流和flv.js播放环境可以按照以下步骤进行操作： 1. 首先，下载并安装FFmpeg。可以在官方网站（https://www.ffmpeg.org/）上找到适合你的操作系统的安装文件，然后按照指示进行安装。 2. 下载nginx服务器，并在安装目录下找到“conf/nginx.conf”文件，使用文本编辑器打开。编辑该文件，配置推流和拉流的相关设置。 3. 在“http”部分添加以下配置信息： ``` rtmp { server { listen 1935; application live { live on; allow publish all; allow play all; push rtmp://127.0.0.1/live/$name; } } } ``` 4. 在“server”部分添加以下配置信息： ``` location /live { flv; chunked_transfer_encoding on; root html; } ``` 5. 打开命令行，并定位到nginx安装目录的文件夹下运行：“start nginx”命令启动nginx服务器。 6. 下载并安装flv.js（https://github.com/Bilibili/flv.js）。 7. 在项目的HTML文件中引入flv.js库文件，并使用以下JavaScript代码播放视频： ``` if (flvjs.isSupported()) { var videoElement = document.getElementById('videoElement'); var flvPlayer = flvjs.createPlayer({ type: 'flv', url: 'http://localhost/live/stream.flv' }); flvPlayer.attachMediaElement(videoElement); flvPlayer.load(); flvPlayer.play(); } ``` 8. 访问网页并检查视频是否能够正常播放。 通过以上步骤，你可以在Windows系统下一站式搭建起FFmpeg推流、nginx-http-flv-module直播拉流和flv.js播放环境，实现流媒体的推流、拉流和播放功能。
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值