分析直播的数据(拉流)

这里写图片描述

flvHeader

  • 46 4c 56 : “F” “L” “V”
  • 01 : flv版本号
  • 05 : 同时要包含音视频
  • 00 00 00 09 : flvHeader 的长度

lastTagSize

  • 00 00 00 00 : 上一个 tag 的大小

tagbody1 : 0x10e + 0x4 + 0xb + 0x1fa = 0x317

tagHeader :

  • 12 : tag 类型 (这里是script 类型)
  • 00 01 fa : (bodydata 的大小)
  • 00 00 00 : (时间戳)
  • 00 : (备用时间戳)
  • 00 00 00 : (流 id)

tagData : 02 00 0a 6f 6e 4d 65 74 … 00 00 00 00 00 00 00 00 00 09
tag1Size 0xb + 0x1fa = 0x205

  • 00 00 02 05 : 上一个 tag 的大小

tagbody2 : 0x317 + 0x4 + 0xb + 0x1d = 0x343

tagHeader :

  • 09 : tag 类型 (这里是video 类型)
  • 00 00 1d : (bodydata 的大小)
  • 00 00 00 : (时间戳)
  • 00 : (备用时间戳)
  • 00 00 00 : (流 id)

tagData : 17 00 00 00 00 01 4d 00 16 ff e1 00 09 27 4d 00 16 ab 40 b8 28 c8 01 00 04 28 ee 3c 30
tagdata 分析 :

  • 17 : 关键帧
  • 00 00 00 00 : 写死
  • 01 : verson
  • 4d 00 16 : sps[1], sps[2], sps[3]
  • ff e1: 写死
  • 00 09 : sps长度
  • 27 4d 00 16 ab 40 b8 28 c8 : sps
  • 01: 有一个 pps
  • 00 04 : pps 长度
  • 28 ee 3c 30 : pps

tag2Size 0xb + 0x1d = 0x28

  • 00 00 00 28 : 上一个 tag 的大小

tagbody3 : 0x343 + 0x4 + 0xb + 0x04 = 0x356

tagHeader :

  • 08 : tag 类型 (这里是audio 类型)
  • 00 00 1d : (bodydata 的大小)
  • 00 00 00 : (时间戳)
  • 00 : (备用时间戳)
  • 00 00 00 : (流 id)

tagData : af 00 12 08

tag3Size 0xb + 0x4 = 0xf

  • 00 00 00 0f : 上一个 tag 的大小

测试流地址 : http://devimages.apple.com.edgekey.net/streaming/examples/bipbop_4x3/gear2/prog_index.m3u8

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
在uniapp中实现直播拉流功能,可以使用uni-app官方提供的live-player组件。首先,在uniapp项目中的pages目录下创建一个live.nvue页面,并在该页面中使用live-player组件。live-player组件可以通过设置src属性来指定要拉取的视频流地址。可以使用vue的数据绑定将视频地址传递给src属性,以实现实时拉流功能。 在后端方面,可以使用nginx搭建流媒体服务器,并配置相关的rtmp模块。通过rtmp模块,可以将视频流实时推送给后端,并进行处理生成m3u6或flv格式的视频。 在前端方面,可以使用flv.js库进行视频的播放。flv.js是一个用于在浏览器中解码和播放flv格式视频的JavaScript库,它可以很好地与uniapp框架进行集成,实现直播拉流的功能。 参考资料: uni-app官方文档:live-player组件 CSDN博客:Vue UniApp实现直播功能 CSDN博客:Nginx使用rtmp搭建流媒体服务器,实现hls直播<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* *2* *3* [Vue+Uniapp实现直播功能(推流拉流)](https://blog.csdn.net/weixin_51258044/article/details/123884057)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v92^chatsearchT0_1"}}] [.reference_item style="max-width: 100%"] [ .reference_list ]
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值