网页直播/点播播放器支持http-flv/rtmp/m3u8等播放流媒体音视频播放器EasyPlayer-RTMP-iOS使用YUV渲染画面的方法

背景分析

RTMP协议是应用层协议,是要靠底层可靠的传输层协议(通常是TCP)来保证信息传输的可靠性的。在基于传输层协议的链接建立完成后,一个RTMP协议的流媒体推流需要经过以下几个步骤:握手,建立连接,建立流,推流。RTMP连接都是以握手作为开始的。建立连接阶段用于建立客户端与服务器之间的“网络连接”;建立流阶段用于建立客户端与服务器之间的“网络流”;推流阶段用于传输视音频数据。

EasyPlayer-RTMP播放器是一套RTMP专用的播放器,包括有:Windows、Android、iOS三个平台,区别于市面上大部分的通用播放器,EasyPlayer-RTMP系列始于成熟的商业项目,得到了各行各业(尤其是安防行业)的广泛应用,EasyPlayer-RTMP更加精炼、更加专注,具备非常低的延时,非常高RTMP协议兼容性,编码数据解析等方面,都有非常大的优势,尤其是在有特殊参数/私有自定义字段的情况下,非常容易进行定制和兼容。

网页直播/点播播放器支持http-flv/rtmp/m3u8等播放流媒体音视频播放器EasyPlayer-RTMP-iOS使用YUV渲染画面的方法

EasyPlayer-RTMP方案架构

EasyPlayer-RTMP-iOS-工作流程

网页直播/点播播放器支持http-flv/rtmp/m3u8等播放流媒体音视频播放器EasyPlayer-RTMP-iOS使用YUV渲染画面的方法

EasyPlayer-RTMP-Android-工作流程

网页直播/点播播放器支持http-flv/rtmp/m3u8等播放流媒体音视频播放器EasyPlayer-RTMP-iOS使用YUV渲染画面的方法

EasyPlayer-RTMP-iOS如何使用YUV渲染画面?

分析问题:

解码后获取的视频帧,需要分解成Y、U、V的值,再送到OpenGL去渲染。

解决问题:

解码后获取的视频帧的数据,添加到KxVideoFrameYUV,并通过

  • (instancetype) handleVideoFrame:(AVFrame *)videoFrame
    videoCodecCtx:(AVCodecContext *)videoCodecCtx;方法,分解出Y、U、V的值:

网页直播/点播播放器支持http-flv/rtmp/m3u8等播放流媒体音视频播放器EasyPlayer-RTMP-iOS使用YUV渲染画面的方法网页直播/点播播放器支持http-flv/rtmp/m3u8等播放流媒体音视频播放器EasyPlayer-RTMP-iOS使用YUV渲染画面的方法

最后通过KxMovieGLView渲染:

[kxGlView render:frame]

网页直播/点播播放器支持http-flv/rtmp/m3u8等播放流媒体音视频播放器EasyPlayer-RTMP-iOS使用YUV渲染画面的方法

上一篇:JS---动画函数封装:设置任意的一个元素,移动到指定的目标位置


下一篇:移动端项目常用的css(后续会更新)