魔扣论坛

魔扣源码论坛业务
查看: 491|回复: 6

关于H5直播源码的技术扫盲

[复制链接]
  • TA的每日心情
    慵懒
    2020-6-24 14:40
  • 签到天数: 90 天

    [LV.6]每天都来

    81

    主题

    0

    回帖

    466

    积分

    中级魔扣

    Rank: 3Rank: 3

    魔扣币
    976
    贡献
    348
    威望
    1
    发表于 2020-3-11 15:19:48 | 显示全部楼层 |阅读模式
    魔扣币兑换比例:【 50以下 : ¥1 = 10 魔扣币 】丨【 50 - 100 :¥1 = 20 魔扣币】丨【 100以上:¥1 = 30 魔扣币 】

    本帖子中包含更多资源

    您需要 登录 才可以下载或查看,没有账号?立即注册

    x
    到目前,H5似乎已经成为品牌宣传最重要的表现方式。H5技术开发简单,研发周期短,且成本低廉。尤其强化了web网页的表现性能,通过H5技术搭建的直播系统不仅能够在网页实现高清流畅播放,还能加入很多的交互功能。下面,我们就针对H5直播源码做一些技术扫盲。
    一、H5直播源码中的关键技术点:WebRTC
    想要搭建H5直播系统,WebRTC必不可少。WebRTC即网页即时通信,是一个支持网页浏览器进行实时语音对话或视频对话的开源API。WebRTC中包括了音频引擎,视频引擎、传输引擎等,浏览器把最底层的音视频渲染和网络传输的底层能力开放给开发者,开发者可以根据自己的需求选择是否进行重载。
    音频引擎中,包括了两个编解码器:iSAC和iLBC,前者针对宽带和超宽带的音频编解码,后者针对窄带音频编解码。音频引擎还包括了音频抖动缓冲,回声消除和噪音抑制模块等。
    视频引擎中,包括了VP8和VP9的视频编解码器,甚至是即将到来的AV1,视频引擎还包括视频抖动缓冲和图像质量增强等模块。
    传输引擎中,WebRTC使用的是SRTP安全实时传输协议,采取的是P2P的通信方式,没有媒体服务器等后端的实现。
    这些预定的引擎配置为H5直播源码提供了强悍的技术基础。不过,WebRTC只是应用于视频录制,视频播放还得需要HLS的支持。
    二、什么是HLS协议?.m3u8是干啥用的?这俩有什么联系?
    HLS是一种常见的视频播放协议。简单通俗点来讲,就是把整个视频流分成一小块一小块的基于HTTP的文件来下载播放。通常,在代码上说明HLS协议时,会引入一个用于H5播放视频的.m3u8文件,这个文件就是基于HLS协议,存放视频流元数据的文件。每一个.m3u8文件,分别对应若干个ts文件,这些ts文件才是真正存放视频的数据,m3u8文件只是存放了一些ts文件的配置信息和相关路径,当视频播放时,.m3u8是动态改变的,video标签会解析这个文件,并找到对应的ts文件来播放,所以一般为了加快速度,.m3u8放在web服务器上,ts文件放在cdn上。
    那么,HLS协议的请求流程是:
    1、http请求.m3u8的url。
    2、服务端返回一个.m3u8的播放列表,这个播放列表是实时更新的,一般一次给出3段数据的url。
    3、客户端解析.m3u8的播放列表,再按序请求每一段的url,从而获取ts数据流。
    三、直播延迟往往不可避免
    前面提到,HLS协议是将直播流分成一段一段的视频去下载播放的。假设列表里面的包含5个TS文件,每个TS文件包含5秒的视频内容,那么整体的延迟就是25秒。因为当用户看到这些视频时,主播已经将视频录制好上传了,所以产生了延迟。当然可以缩短列表的长度和单个TS文件的大小来降低延迟,极致来说可以所见列表长度为1,并且TS的时长为1s。但如果这多就会造成请求次数增加,增大服务器压力,当网速慢时会造成更多的缓冲,所以一般推荐的ts时长为10s,这样大概有30s的延迟。
    以上就是关于H5直播源码的一些技术扫盲点。
    直播系统源码、短视频系统源码、一对一直播系统源码开发和出售,vx:17116105317 QQ:3502958486

    该用户从未签到

    3

    主题

    253

    回帖

    510

    积分

    高级魔扣

    Rank: 4

    魔扣币
    254
    贡献
    254
    威望
    0
    发表于 2020-3-11 15:19:59 | 显示全部楼层
    月光很美,比不上朋友的安慰;星星很美,比不上朋友的点缀;夜空很美,比不上友情的珍贵。愿您天天有快乐相伴,夜夜有好梦相随。天气变凉,魔扣源码论坛愿您安康,;愿心情飞扬

    该用户从未签到

    3

    主题

    273

    回帖

    550

    积分

    高级魔扣

    Rank: 4

    魔扣币
    274
    贡献
    274
    威望
    0
    发表于 2020-3-29 09:44:09 | 显示全部楼层
    元芳你怎么看?

    该用户从未签到

    1

    主题

    273

    回帖

    547

    积分

    高级魔扣

    Rank: 4

    魔扣币
    273
    贡献
    273
    威望
    0
    发表于 2020-4-10 23:14:02 来自手机 | 显示全部楼层
    呵呵。。。

    该用户从未签到

    1

    主题

    259

    回帖

    519

    积分

    高级魔扣

    Rank: 4

    魔扣币
    259
    贡献
    259
    威望
    0
    发表于 2020-5-12 11:27:27 | 显示全部楼层
    宇宙之所以美,是因为有上帝之爱;花儿之所以美,是因为有绿叶之爱,蓝天之所以美,是因为有白云之爱;人间之所以美,魔扣源码论坛是因为有朋友之爱!我的美好祝福,通过空间传送给你预祝七夕情人节快乐

    该用户从未签到

    0

    主题

    257

    回帖

    514

    积分

    高级魔扣

    Rank: 4

    魔扣币
    257
    贡献
    257
    威望
    0
    发表于 2020-5-21 14:18:42 | 显示全部楼层
    兄弟如手足,女人如衣服,谁动我手足,我扒他衣服-魔扣源码论坛!   

    该用户从未签到

    1

    主题

    257

    回帖

    515

    积分

    高级魔扣

    Rank: 4

    魔扣币
    257
    贡献
    257
    威望
    0
    发表于 2020-8-4 16:26:43 | 显示全部楼层
    思念是温馨,想念是幸福;缘是天意,份是人为;知音是默契,知己是深交;缘分是相聚,朋友是牵挂!有一种美酒一小滴就叫人回味,有一种音乐一小段就叫人陶醉,有一种书看过还叫人百看不厌,有一种人一认识就让人感到温馨和幸福,那就是你!魔扣源码论坛,我亲爱的朋友!
    您需要登录后才可以回帖 登录 | 立即注册

    本版积分规则

    • 联系我们
    • 新浪微博 :
    • 在线客服 :魔扣科技 
    • 源码QQ群 :魔扣源码论坛官方总群
    • 联系邮箱 :charlin#morko.net
    • 微信扫一扫
    快速回复 返回顶部 返回列表