H5视频直播原理

本文详细介绍了在MacOS环境下使用Nginx和ffmpeg搭建RTMP直播服务器的过程,包括安装配置Nginx,通过Homebrew管理依赖,以及如何验证直播服务器是否正确安装和运行。同时,文章还提供了直播原理的概述,以及HLS和RTMP等直播协议的基本知识。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

相关文章:MacOS安装Nginx+ffmpeg(rtmp直播服务器搭建)

直播原理

clipboard.png

目前各主流浏览器支持的视频格式:

clipboard.png

直播协议:
  1. HLS协议

clipboard.png

clipboard.png

http://live.streamingfast.net...
http://live.streamingfast.net...
http://live.streamingfast.net...

clipboard.png

clipboard.png

静态列表

clipboard.png

全量列表

clipboard.png

VOD表示点播,ENDLIST表示结束

clipboard.png

  1. RTMP协议

clipboard.png

clipboard.png

  1. HTTP-FLV协议

clipboard.png

clipboard.png

直播原理总结

clipboard.png

video基础认识

clipboard.png

准备工作(MAC环境下)

命令行操作

  • 安装Homebrew
ruby -e "$(curl -fsSL https://raw.githubusercontent...)"
  • 依赖Homebrew安装Nginx
brew install nginx
  • 启动Nginx
brew services start nginx
  • 进入nginx目录下
cd /usr/local/Cellar/nginx/1.15.5/html
  • 从远程仓库克隆
git clone git@gitee.com:hughiesong/h5live-demo.git
  • 进入仓库文件夹
cd h5live-demo
  • 创建index.html
touch index.html
  • 用atom打开
open index.html -a atom

属性和方法

demo地址:https://github.com/HughieSong...

clipboard.png

事件

clipboard.png

直播源的制作

方法一:

clipboard.png

Mac安装MacOS安装Nginx+ffmpeg(rtmp直播服务器搭建)
Windows安装http://nginx.org/en/docs/wind...
安装后验证:浏览器中输入http://localhost:8080

方法二

clipboard.png

第一步下载服务、第二步安装服务参考MacOS安装Nginx+ffmpeg(rtmp直播服务器搭建)

clipboard.png

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值