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

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

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

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

参考内容

videoview视频播放 http://blog.csdn.net/shenxiaolei507/article/details/41046345

MediaPlayer+SurfaceView视频播放http://blog.csdn.net/shenxiaolei507/article/details/41349295

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

1

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

附上各种求救链接

  • http://bbs.csdn.net/topics/390185458
  • http://bbs.csdn.net/topics/390120655

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<String, String>());            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

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

例如:http://blog.sina.com.cn/s/blog_7bac47070101bys8.html http://yashirocc.blog.sohu.com/175636801.html

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

以下为各参数详解

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

参看资料:

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

5

寻找第三方框架截图

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

  • Vitamio https://www.vitamio.org/ 国人开发的框架 导入代码测试,这个框架好像将videoview封装了一层,叫mVideoview,据官网介绍,截图方法为getCurrentFrame();不过据博主测试,返回值为空。
  • vlc for android http://blog.csdn.net/banketree/article/details/39575973 导入代码进行测试,发现该框架代码里默认为rtps协议视频,并且封装了C++的so文件,使用到了JNI技术,截图什么的还要自己打补丁,看了看各位大神的文章介绍,看起来好复杂,本人水平有限,就默默放弃了。 6

TextureView播放视频并截图

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

附上链接:http://stackoverflow.com/questions/27435985/how-to-capture-screenshot-of-videoview-when-streaming-video-in-android 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问题,无截图花屏问题,该问题终于终结了,历时一天半,过程虽然心酸,但收获了许多关于视频方面相关的知识。博主在搜集资料的同时,看到了很多像博主一样对该问题的困扰,故将详细经历总结出来,希望不要再有人步博主后尘了。完毕,收工。

原文发布于微信公众号 - 何俊林(DriodDeveloper)

原文发表时间:2017-02-04

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏Android 技术栈

Android 阿里百川cps SDK接入流程

因公司业务需求,需接入阿里百川SDK和京东联盟cps相关服务,为了跳到淘宝和京东,用户购买后得到佣金。接入过程中遇到很多坑,网上相关资料也甚少,虽然东西不算多,...

2491
来自专栏LinXunFeng的专栏

iOS - SceneKit显示与交互3D建模(一)

1924
来自专栏wOw的Android小站

[Android]暗码机制

因为之前改过Dialer,定制过相关的暗码功能,所以没多想就直接把intent-filter加在MainActivity中了。然后测试告诉我,输入”*#*#36...

2241
来自专栏移动开发之家

Android图片加载开源库深度推荐,安利Fresco1、Universal-Image-Loader 2、Picasso 3、Glide 4、Fresco

</p> 这里没有广告,这里没有跑分,数据对比Google一下比比皆是,额···那我说什么好(ノಠ益ಠ)ノ彡┻━┻。 对啊,女朋友···呸呸呸,那么就来讲一...

1862
来自专栏携程技术中心

干货 | MVP模式在携程酒店的应用和扩展

作者简介 赵伟麟,2011年就职于创新工场旗下点心OS,2014年加入携程酒店事业部,从事Android研发工作。擅长基于组件的业务架构,系统架构,建模,性能优...

38011
来自专栏非著名程序员

CoordinatorLayout的使用如此简单

曾在网上找了一些关于CoordinatorLayout的教程,大部分文章都是把CoordinatorLayout、AppbarLayout、Collapsing...

21610
来自专栏Android先生

RxJava2 实战知识梳理(2) - 计算一段时间内数据的平均值

今天,我们继续跟着 RxJava-Android-Samples 的脚步,一起看一下RxJava2在实战当中的应用,在这个项目中,第二个的例子的描述如下...

904
来自专栏QQ音乐技术团队的专栏

Android系统线控和歌曲信息屏显的那点事

目前Android系统中主流的音乐播放器都支持线控的功能,线控设备包括有线耳机和蓝牙耳机或蓝牙车机,当不方便操作手机的时候可以通过线控来控制音乐的播...

4498
来自专栏图像识别与深度学习

《Android》Lesson20-广播2

1224
来自专栏Flutter入门到实战

Android适配全面总结(三)----ROM适配

版权声明:本文为博主原创文章(部分引用他人博文,已加上引用说明),未经博主允许不得转载。https://www.jianshu.com/p/f9c67a4b90...

2581

扫码关注云+社区