如何进行网络视频截图 / 获取视频的缩略图

码农突围
7,282 阅读7分钟

小编导读：获取视频的缩略图，截图正在播放的视频某一帧，是在音视频开发中，常遇到的问题。本文是主要用于点播中截图视频，同时还可以获取点播视频的缩略图进行显示，留下一个问题，如下图所示，如果要获取直播中节目视频缩略图，该怎么做呢？（ps:直播是直播流，具有实时性）

本文来自HowNoon分享,HowNoon的blog地址为：http://blog.csdn.net/yuehenhn。

最近博主遇到一个Android电视的开发项目，项目需要电视客户端播放服务器端视频，通过遥控器一键截图，并将截图云推送到手机客户端，于是博主就开始找度神去求助了，毕竟以前没搞过视频，当然要去先搜集下资料再开工啦，正所谓知己知彼，百战百胜嘛，于是，你将看到博主以下两天中的蛋疼经历

参考内容

videoview视频播放 blog.csdn.net/shenxiaolei…

MediaPlayer+SurfaceView视频播放blog.csdn.net/shenxiaolei…

博主在搜集完资料之后，将两篇文章进行了对比，videoview一切都集成好了，而SurfaceView要设置很多东西，看起来复杂一些，虽然提供了截图方法，但只是用于本地截图，对博主没什么用啊，于是本着省事的原则，果断的选择了videoview。以下是几个走过的坑：

videoView.getDrawingCache();获取截图

博主屁颠屁颠的将代码copy下来，先跑跑看，果然执行没问题。好了，那就来找找videoview怎样截图吧，博主回想到以前View截图为调用getDrawingCache()，于是博主机智的先看了看videoview的API文档，发现其中也有这个方法：videoView.getDrawingCache(); 该方法返回值为Bitmap类型，我擦，赶快去使用。结果截到的图片果然不出意外——-黑屏

2

videoView.setDrawingCacheEnabled(true); 
bitmap = videoView.getDrawingCache();获取截图

既然bitmap = videoView.getDrawingCache();获取不到截图，就该查找原因额，博主又去找度神了，果然好多哥们和博主一样的问题，皆以失败告终。最后碰见一CSDN论坛的朋友回复，知道了其中的缘由，因为view走的是framebuffer，而videoview走的是overlay

附上各种求救链接

3

 MediaMetaDataRetreive获取截图

既然getDrawingCache();方法行不通，看来还是搜集资料不够多，于是博主又找到了MediaMetaDataRetreive这个类

public static Bitmap getCurrentVideoBitmap(String url,VideoView videoView){
       Bitmap bitmap = null;
       MediaMetadataRetriever mediaMetadataRetriever = new MediaMetadataRetriever();
       try {
           mediaMetadataRetriever.setDataSource(url,new HashMap());
           Log.e(LOG_STRING,"截图的时间为"+videoView.getCurrentPosition());
           //取得指定时间的Bitmap，即可以实现抓图（缩略图）功能
           bitmap = mediaMetadataRetriever.getFrameAtTime(videoView.getCurrentPosition()*1000,MediaMetadataRetriever.OPTION_CLOSEST);
       } catch (IllegalArgumentException ex) {
           // Assume this is a corrupt video file
       } catch (RuntimeException ex) {
           // Assume this is a corrupt video file.
       } finally {
           try {
               mediaMetadataRetriever.release();
           } catch (RuntimeException ex) {
               // Ignore failures while cleaning up.
           }
       }
       if (bitmap == null) {
           return null;
       }
       //bitmap = Bitmap.createScaledBitmap(bitmap, 200, 200, true);
       bitmap = Bitmap.createBitmap(bitmap);
       return bitmap;
}

getFrameAtTime说明：videoView.getCurrentPosition()得到的为毫秒，不转化为秒的话，截出来的图都是视频第一帧的图像，第二个参数可以传递的值有四个，分别为OPTION_CLOSEST， OPTION_CLOSEST_SYNC， OPTION_NEXT_SYNC， OPTION_PREVIOUS_SYNC

博主前期用的参数为OPTION_NEXT_SYNC，博主以为问题解决了，去干别的事情了，但等到晚上测试的时候却发现一个问题，这种方案截图是可以，但仅仅做个没播放视频之前的缩略图还算可以，但真的做实时截图还是不妥，这是因为：经博主测试，这种方法截图的画面，和电视截图的画面，存在着1-2秒的误差，也就是说截出的图完全不一样（测试机器三星Note4，华为荣耀6Plus）,博主又失败了。

4

OPTION_CLOSEST_SYNC参数换为OPTION_CLOSEST

博主在思考，既然网上好多文章都说这种方法可以实现，会不会是我的参数有问题，于是楼主找到了很多相同的文章介绍

例如：blog.sina.com.cn/s/blog_7bac… 
yashirocc.blog.sohu.com/175636801.h…

同时博主又搜集了一些资料，并仔细查看了getFrameAtTime方法的详细参数

以下为各参数详解 

新发现：原来视频文件存在关键帧的问题，通过度神理解，原来是可能getFrameAtTime传入的时间值，在视频的那一刻，并没有关键帧，所以OPTION_CLOSEST_SYNC返回的值为附近的时间截图。根据博主参考API的详情，果断换成了OPTION_CLOSEST。

参看资料： 

失败：有些截图是正常了，但是有些时间的截图却直接返回null，尼玛这是在坑爹啊。。。

5

寻找第三方框架截图

虽然前面都失败了，不过博主的资料搜集的又全了些，博主打算开始找第三方框架了，于是博主找到了比较出名的两个框架

  • Vitamio www.vitamio.org/ 国人开发的框架

    导入代码测试，这个框架好像将videoview封装了一层，叫mVideoview，据官网介绍，截图方法为getCurrentFrame();不过据博主测试，返回值为空。 

  • vlc for android blog.csdn.net/banketree/a…

    导入代码进行测试，发现该框架代码里默认为rtps协议视频，并且封装了C++的so文件，使用到了JNI技术，截图什么的还要自己打补丁，看了看各位大神的文章介绍，看起来好复杂，本人水平有限，就默默放弃了。

    6


TextureView播放视频并截图

博主在度神上已经实在找不到方法了，博主打算去翻墙google一下，功夫不负有心人，老外也碰到了和博主一样的问题，博主找到了新的一个解决方案，那就是TextureView播放视频并截图，后来搜集了下情报，据说这玩意是2014年google搞出来的玩意。

附上链接：stackoverflow.com/questions/2… How to capture screenshot of VideoView when streaming video in Android [duplicate]

附上回答： 

附上翻译：

**我已经找到了解决这个问题的办法。看来VideoView不允许因为底层硬件GPU的原因而使用SurfaceView。 
该解决方案是使用一个textureview使用MediaPlayer播放视频里面。该活动将需要实现textureview.surfacetexturelistener。当用这个解决方案的截图，视频冻结了一段时间。同时，该textureview不显示播放进度条默认UI（播放，暂停，快进/ RW，玩的时间，等）。这是一个缺点。如果你有另一个解决方案，请让我知道：）**

看到这个页面，当然废话不多说了，建工程，copy，测试！

public class TextureViewActivity extends Activity
   implements TextureView.SurfaceTextureListener,
               OnBufferingUpdateListener,
               OnCompletionListener,
               OnPreparedListener,
               OnVideoSizeChangedListener {
   private MediaPlayer mp;    private TextureView tv;    public static String MY_VIDEO = "https://www.blahblahblah.com/myVideo.mp4";    public static String TAG = "TextureViewActivity";    @Override
   protected void onCreate(Bundle savedInstanceState) {        super.onCreate(savedInstanceState);
       setContentView(R.layout.activity_texture_view);
       tv = (TextureView) findViewById(R.id.textureView1);
       tv.setSurfaceTextureListener(this);
   }    public void getBitmap(TextureView vv)
   {
       String mPath = Environment.getExternalStorageDirectory().toString()
               + "/Pictures/" + Utilities.getDayTimeString() + ".png";  
       Toast.makeText(getApplicationContext(), "Capturing Screenshot: " + mPath, Toast.LENGTH_SHORT).show();
       Bitmap bm = vv.getBitmap();        if(bm == null)
           Log.e(TAG,"bitmap is null");
       OutputStream fout = null;
       File imageFile = new File(mPath);        try {
           fout = new FileOutputStream(imageFile);
           bm.compress(Bitmap.CompressFormat.PNG, 90, fout);
           fout.flush();
           fout.close();
       } catch (FileNotFoundException e) {
           Log.e(TAG, "FileNotFoundException");
           e.printStackTrace();
       } catch (IOException e) {
           Log.e(TAG, "IOException");
           e.printStackTrace();
       }
   }    @Override
   public boolean onCreateOptionsMenu(Menu menu) {        // Inflate the menu; this adds items to the action bar if it is present.
       getMenuInflater().inflate(R.menu.media_player_video, menu);        return true;
   }    @Override
   public boolean onOptionsItemSelected(MenuItem item) {        // Handle action bar item clicks here. The action bar will
       // automatically handle clicks on the Home/Up button, so long
       // as you specify a parent activity in AndroidManifest.xml.
       int id = item.getItemId();        if (id == R.id.action_settings) {            return true;
       }        return super.onOptionsItemSelected(item);
   }    @Override
   public void onSurfaceTextureAvailable(SurfaceTexture surface, int width, int height)
   {
       Surface s = new Surface(surface);        try
       {
           mp = new MediaPlayer();
           mp.setDataSource(MY_VIDEO);
           mp.setSurface(s);
           mp.prepare();
           mp.setOnBufferingUpdateListener(this);
           mp.setOnCompletionListener(this);
           mp.setOnPreparedListener(this);
           mp.setOnVideoSizeChangedListener(this);
           mp.setAudioStreamType(AudioManager.STREAM_MUSIC);
           mp.start();
           Button b = (Button) findViewById(R.id.textureViewButton);
           b.setOnClickListener(new OnClickListener(){                @Override
               public void onClick(View v)
               {
                   TextureViewActivity.this.getBitmap(tv);
               }
           });
       }        catch (IllegalArgumentException e) {            // TODO Auto-generated catch block
           e.printStackTrace();
       } catch (SecurityException e) {            // TODO Auto-generated catch block
           e.printStackTrace();
       } catch (IllegalStateException e) {            // TODO Auto-generated catch block
           e.printStackTrace();
       } catch (IOException e) {            // TODO Auto-generated catch block
           e.printStackTrace();
       }  
   }


问题终结

经过博主反复测试TextureView的getBitmap();方法，完美截图，无任何时差，无返回值为null问题，无截图花屏问题，该问题终于终结了，历时一天半，过程虽然心酸，但收获了许多关于视频方面相关的知识。博主在搜集资料的同时，看到了很多像博主一样对该问题的困扰，故将详细经历总结出来，希望不要再有人步博主后尘了。完毕，收工。

第一时间获得博客更新提醒，以及更多 android，源码分析，最新开源项目推荐，更多有价值的思考，欢迎关注我的微信公众号，扫一扫下方二维码或者长按识别二维码，即可关注。

avatar
文章
阅读
粉丝