视频画中画效果,拖动进度条可以seek到相应视频帧显示


这里写图片描述

在视频开发中,我们常常看到这样的效果,拖动进度条时,或是在进度条上方或是在屏幕中间,显示拖动进度条位置时刻的某一帧画面。

这个需求,如果是你,你会如何做?

通常一个需求,不仅要考虑实现,还有考虑一些是否有性能上影响。

下面我想到的4个方案:

1、在拖动过程中,可以通过TextureView来显示预览图,拖动进度条到某个position后,通过textureView.getBitmap()拿到对应的截图,用于展示。

2、通过MediaMetadataRetriever 只能获取你指定时间的附近的关键帧(Key frame)
MediaMetadataRetriever mmr = new MediaMetadataRetriever();
mmr.setDataSource(renderOutputFilePath);
mmr.getFrameAtTime(1x1000x1000,OPTION_CLOSEST_SYNC );//获取1秒附近的关键帧,注意,只是附近,获取不到精确位置的图片。但是用于预览也够了

3、通过GLSurfaceView,拖到到某个事件点后,来onDrawFrame,这种方式比较高效。

4、FFmpeg实现,获取某个位置的picture,github上有封装好的实现此功能的库,类似和MediaMetadataRetriever一样的用法,可以更精准,高效。
链接:https://github.com/wseemann/FFmpegMediaMetadataRetriever,
原理就是取某个timebase的关键帧。然后回调出去展示。

需要注意的是,取帧是个耗时的操作,需要放到子线程中

1
2
3
4
5
6
7
8
9
10
11
12
13
14
FFmpegMediaMetadataRetriever mmr = new FFmpegMediaMetadataRetriever();
mmr.setDataSource(mUri);

//获取第一帧原尺寸图片
mmrc.getFrameAtTime();

//获取指定位置的原尺寸图片 注意这里传的timeUs是微秒
mmrc.getFrameAtTime(timeUs, option);

//获取指定位置指定宽高的缩略图
mmrc.getScaledFrameAtTime(timeUs, MediaMetadataRetrieverCompat.OPTION_CLOSEST, width, height);

//获取指定位置指定宽高并且旋转的缩略图
mmrc.getScaledFrameAtTime(timeUs, MediaMetadataRetrieverCompat.OPTION_CLOSEST, width, height, rotate);

Demo效果图:

推荐书籍(亚马逊、京东、天猫、当当均有售):

image.png

内容简介:近年来,直播、短视频行业的相关业务发展迅猛,本书主要介绍其中涉及的Android音视频开发相关技术。本书一共有11章,分别介绍了音视频基础知识、MediaPlayer、MediaPlayerService、StagefrightPlayer、NuPlayer、OpenMAX框架、FFmpeg项目、FFmpeg源码分析及实战、直播技术、H.264编码及H.265编码、视频格式分析内容。希望本书能帮助读者系统学习、化繁为简,在Android音视频开发的道路上不断进步。

本文标题:视频画中画效果,拖动进度条可以seek到相应视频帧显示

文章作者:

发布时间:2019年03月31日 - 21:03

最后更新:2019年03月31日 - 22:03

原始链接:https://www.stockclaw.asia/2019/03/31/%E8%A7%86%E9%A2%91%E7%94%BB%E4%B8%AD%E7%94%BB%E6%95%88%E6%9E%9C%EF%BC%8C%E6%8B%96%E5%8A%A8%E8%BF%9B%E5%BA%A6%E6%9D%A1%E5%8F%AF%E4%BB%A5seek%E5%88%B0%E7%9B%B8%E5%BA%94%E8%A7%86%E9%A2%91%E5%B8%A7%E6%98%BE%E7%A4%BA/

许可协议: 署名-非商业性使用-禁止演绎 4.0 国际 转载请保留原文链接及作者。

 wechat
欢迎您扫一扫上面的微信公众号,第一时间关注我的博客!
坚持原创技术分享,您的支持将鼓励我继续创作!