GoPlay -- 分享一个 iOS 万能播放器,可自定义各种滤镜 - V2EX
V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
爱意满满的作品展示区。
dKingbin
V2EX    分享创造

GoPlay -- 分享一个 iOS 万能播放器,可自定义各种滤镜

  •  
  •   dKingbin 2019-05-10 07:37:25 +08:00 2933 次点击
    这是一个创建于 2425 天前的主题,其中的信息可能已经有所发展或是发生改变。

    GoPlay是一款基于 FFmpeg/OpenGL ES 2.0 的 iOS 播放器。支持 FFmpeg 内嵌的所有格式。而且可以自定义各种滤镜, 包括 VR、水印、贴图等。

    前言

    关于 iOS 视频播放,苹果提供的 AVPlayer 性能是非常出色的,但是有个缺点,就是支持播放的格式并不多,仅仅支持 mp4/mov/ts 等有限的几种格式。显然业界中比较知名的 jikplayer 确实弥补了这种缺陷,然而 ijkplayer 是在 FFmpeg/ffplay 的基础上进行开发的,最终是通过 SDL2.0 进行显示。在当前大环境下,VR、水印、贴图、九宫格等滤镜盛行,在 ijkplayer 中默认是支持 avfilter 滤镜的,但是并没有支持 GPU 滤镜;那么有没有一种办法可以播放 AVPlayer 不支持格式的视频,又能够在视频上无限制的加滤镜,例如 GPUImage 那么方便那么丝滑的做法呢?上面两个痛点也就是 GoPlay 解决的问题。

    原理

    关于格式支持

    关于格式支持,采用了业界比较出名的 FFmpeg 解封装不同的视频格式;在解码阶段,如果开启了 VideoToolBox 硬解码,那么就采用 iOS 的硬解码方式,否则自动切换到 FFmpeg 的软解码方式。

    关于滤镜支持

    为了方便滤镜的接入,滤镜包括滤镜链的实现都采用了 GPUImage 类似的做法,如果使用过 GPUImage,那么就可以无缝的切换到 GoPlay,同时可以根据 GPUImage 的已有滤镜自定义滤镜,无限扩展自己的滤镜库。GoPlay 和 GPUImage 的滤镜类比如下表。

     GOPlay GPUImage 输入 FFMovie GPUImageMovie 滤镜 FFFilter GPUImageFilter 输出显示 FFView GPUImageView 

    运行流程

    基本流程

    GoPlay 主要有 5 个线程(包括主线程),其中 OpenGL ES 渲染、滤镜都是在一个统一的异步线程中处理,在这方面与 GPUImage 的处理稍有不同。异步线程可以防止阻塞 UI 界面,串行可以防止线程间加锁从而导致的性能损耗。线程模型如下。

    • 解封装线程 -- FFmpeg 解封装,读取 packet,分发到视频解码线程和音频解码线程

    • 视频解码线程 -- 将 packet 解码成 frame,并保存到队列缓存中

    • 音频解码线程 -- 将 packet 解码成 frame,并保存到队列缓存中

    • OpenGL ES 渲染、滤镜处理线程

      • 从 video 缓存队列中取出数据帧,并且在 GPU 中从 YUV 转换成 RGB,然后传递给下一级滤镜链,并最终显示

    关于音视频同步

    在业界中,普遍没有认识到音频视频两者的同步算法是控制学的问题,而仅仅停留在谁快谁慢的问题上。在现实中,音频和视频的 PTS 的误差是客观存在的,我们需要通过一种控制学算法实现音频和视频的相对同步,需要考虑到累积误差的存在,在相对范围内,同步算法是具有自我调节能力的,当超出某个范围了,那么就需要丢帧了,否则会影响观感。在这么多开源项目中,FFmpeg/ffplay 实现了这种思想。

    关于丢帧算法

    如果真正理解了音视频同步算法,那么丢帧的做法就很简单了,当超出了音视频同步算法的调节范围,而且是视频帧慢于音频帧很多,那么此时就需要丢调视频帧。

    关于全景图像显示

    全景图像是将一张平面图片映射到一个球面上。本质上也是一种滤镜处理,即要处理好顶点坐标和纹理坐标的映射关系。

    关于 ArcBall 控制

    ArcBall 本质上是将二维平面上的滑动转换成三维立体球的转动,具体的做法以屏幕中心为球心,画一个球。在屏幕中滑动时,就将滑动的点映射到球面上,如果滑动的范围超出了球的范围,那么就映射到最靠近球面的点上。根据起始点的四元数和终点的四元数的差值(求逆),就可以得到旋转的角度。

    关于滤镜链

    滤镜链的思路来源于 GPUImage,但多路滤镜的处理情况并没有沿袭 GPUImageTwoInput 之流的做法。在多路滤镜的处理上,水印滤镜中进行了一种尝试。

    总结

    关于 GoPlay 的相关原理基本上到这里结束了。感兴趣的可以在GoPlay中找到相关的实现,当然也可以提 BUG 一起讨论。

    目前尚无回复
    关于     帮助文档     自助推广系统     博客     API     FAQ     Solana     5768 人在线   最高记录 6679       Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 25ms UTC 02:04 PVG 10:04 LAX 18:04 JFK 21:04
    Do have faith in what you're doing.
    ubao msn snddm index pchome yahoo rakuten mypaper meadowduck bidyahoo youbao zxmzxm asda bnvcg cvbfg dfscv mmhjk xxddc yybgb zznbn ccubao uaitu acv GXCV ET GDG YH FG BCVB FJFH CBRE CBC GDG ET54 WRWR RWER WREW WRWER RWER SDG EW SF DSFSF fbbs ubao fhd dfg ewr dg df ewwr ewwr et ruyut utut dfg fgd gdfgt etg dfgt dfgd ert4 gd fgg wr 235 wer3 we vsdf sdf gdf ert xcv sdf rwer hfd dfg cvb rwf afb dfh jgh bmn lgh rty gfds cxv xcv xcs vdas fdf fgd cv sdf tert sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf shasha9178 shasha9178 shasha9178 shasha9178 shasha9178 liflif2 liflif2 liflif2 liflif2 liflif2 liblib3 liblib3 liblib3 liblib3 liblib3 zhazha444 zhazha444 zhazha444 zhazha444 zhazha444 dende5 dende denden denden2 denden21 fenfen9 fenf619 fen619 fenfe9 fe619 sdf sdf sdf sdf sdf zhazh90 zhazh0 zhaa50 zha90 zh590 zho zhoz zhozh zhozho zhozho2 lislis lls95 lili95 lils5 liss9 sdf0ty987 sdft876 sdft9876 sdf09876 sd0t9876 sdf0ty98 sdf0976 sdf0ty986 sdf0ty96 sdf0t76 sdf0876 df0ty98 sf0t876 sd0ty76 sdy76 sdf76 sdf0t76 sdf0ty9 sdf0ty98 sdf0ty987 sdf0ty98 sdf6676 sdf876 sd876 sd876 sdf6 sdf6 sdf9876 sdf0t sdf06 sdf0ty9776 sdf0ty9776 sdf0ty76 sdf8876 sdf0t sd6 sdf06 s688876 sd688 sdf86