ZEGO:如何从零搭建H5直播平台

H5已成为品牌宣传最重要的表现方式,基于H5打造的的营销方案具有游戏化、场景化、跨屏互动等优势,能更好的展示商品促进用户转化。H5技术还有开发简单,研发周期短,用户接触成本低等特点,尤其是其强化了web网页的表现性能,除了可描绘二维图形外,还有用于播放视频和音频的标签。

通过H5搭建的直播平台可实现网页高清流畅播放,强交互性增加了用户互动,下面我们就分享搭建H5直播平台的方法。

一、实现H5直播的关键技术:WebRTC

搭建H5直播平台,首选是WebRTC技术。WebRTC即网页即时通信,是一个支持网页浏览器进行实时语音对话或视频对话的开源API。WebRTC包括了音频引擎,视频引擎、传输引擎等,浏览器把最底层的音视频渲染和网络传输的底层能力开放给开发者,开发者可以根据自己的需求选择是否进行重载。

音频引擎中,包括了两个编解码器:iSAC和iLBC,前者针对宽带和超宽带的音频编解码,后者针对窄带音频编解码。音频引擎还包括了音频抖动缓冲,回声消除和噪音抑制模块等。

视频引擎中,包括了VP8和VP9的视频编解码器,甚至是即将到来的AV1,视频引擎还包括视频抖动缓冲和图像质量增强等模块。

传输引擎,WebRTC使用的是SRTP(Secured Realtime Transport Protocol)安全实时传输协议,采取的是P2P的通信方式,没有媒体服务器等后端的实现。

WebRTC基础架构如下所示:
WebRTC基础架构
二、基于WebRTC开发直播平台的优劣势

2017年6 月 7 日,苹果宣布,旗下的浏览器内核 WebKit 将正式支持 WebRTC,意味着 macOS High Sierra、iOS 11 中的Safari 浏览器都将用上 WebRTC 技术,同时意味着可以基于webRTC搭建包含Android、IOS、mac、windows等全终端式的RTC应用

评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值