视频画中画效果，拖动进度条可以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的关键帧。然后回调出去展示。

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

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效果图：

推荐阅读：

说一说我在创建星球这10多天，在星球里干了啥？