zoukankan      html  css  js  c++  java
  • Android VideoView播放网络视频简介(转)

    最近项目中用到了很多视频播放的地方,不管是聊天发送的视频消息,还是类似内涵段子的视频列表,都会涉及这些知识,不过网上的知识都很零散,一会找缓存方法,一会找预览图片的方法,一会找视频动态修改尺寸的方法,总之找的人好烦,所以自己写一篇来记录这些知识点,也方便别人查阅

    获取视频首帧当预览图(MediaMetadataRetriever)
    在VideoView中,如果直接设置播放路径,然后seekTo(1)当然也能产生预览效果,但是,如果VideoView较多,设置播放路径的方法会产生几个问题,设置路径后VideoView会取网上拉取视频(缓冲池大小),这样造成流量浪费,而且,多个VideoView会造成显示首帧非常非常慢,且有严重的卡顿

    那如何解决这个问题,我的想法是,还是用首帧当预览图,不过我是在ImageView里面显示预览图,所以预览的时候不用VideoView了,获取预览图也是变的简单化,省流量,还快捷,下来我们了解下MediaMetadataRetriever类如何获取视频的首帧。MediaMetadataRetriever类不但可以获取视频首帧,还可以获取标题,时长,作者等信息,大家根据需要可以获取,我在这里就不一一举例,在获取到首帧后,我们做下缓存处理,以便下一次预览不用每次从网上拉取,然后用Glide加载显示

    ThreadPoolUtils.execute(new Runnable() {
    @Override
    public void run() {
    MediaMetadataRetriever retriever = new MediaMetadataRetriever();
    Bitmap bitmap = null;
    try {
    //这里要用FileProvider获取的Uri
    if (url.contains("http")) {
    retriever.setDataSource(url, new HashMap<String, String>());
    } else {
    retriever.setDataSource(url);
    }
    bitmap = retriever.getFrameAtTime();
    } catch (Exception ex) {
    ex.printStackTrace();
    } finally {
    try {
    retriever.release();
    } catch (RuntimeException ex) {
    ex.printStackTrace();
    }
    }
    showImageMessage(bitmap, positionTag, vv);
    }
    });
    后记:其实还有一种办法来做预览显示,就是让后台将预览图处理好,然后拿到图片地址直接用Glide显示,都不用自己缓存,而且后台可以生成GIF,也可以用Glide显示,且显得高大上

    预览图加载完毕后,点击预览图,然后我们可以做各种处理,如隐藏ImageView且显示VideoView,或者跳到视频播放界面等,各种加载逻辑大家可以发挥自己得想象

    VideoView加载一个网络视频
    VideoView加载视频其实很简单,我们直接看代码吧

    <?xml version="1.0" encoding="utf-8"?>
    <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical">

    <VideoView
    android:id="@+id/mVideoView"
    android:layout_width="match_parent"
    android:layout_height="match_parent"/>
    </LinearLayout>

    /**
    * 香港卫视:http://live.hkstv.hk.lxdns.com/live/hks/playlist.m3u8
    * CCTV1高清:http://ivi.bupt.edu.cn/hls/cctv1hd.m3u8
    * CCTV3高清:http://ivi.bupt.edu.cn/hls/cctv3hd.m3u8
    * CCTV5高清:http://ivi.bupt.edu.cn/hls/cctv5hd.m3u8
    * CCTV5+高清:http://ivi.bupt.edu.cn/hls/cctv5phd.m3u8
    * CCTV6高清:http://ivi.bupt.edu.cn/hls/cctv6hd.m3u8
    * 苹果提供的测试源(点播):http://devimages.apple.com.edgekey.net/streaming/examples/bipbop_4x3/gear2/prog_index.m3u8
    */
    private void initView() {
    String url="http://ivi.bupt.edu.cn/hls/cctv6hd.m3u8";
    VideoView videoView=findViewById(R.id.mVideoView);
    videoView.setVideoPath(url);
    videoView.requestFocus();
    videoView.start();
    }
    这样一个网络视频就可以播放了

    视频控件长宽的大小调整
    视频是播放出来了,怎么看都有点不和谐,大白边框太丑了,那缩小吧,一不小心缩变形了,看起来更别扭,怎么才能按照视频的比例来显示呢?我们上面不是讲过MediaMetadataRetriever吗?我们可以根据获取的首帧图片的大小确定视频的大小,MediaMetadataRetriever还可以采用

    int videoWidth=retriever.METADATA_KEY_VIDEO_WIDTH;
    int videoHeight=retriever.METADATA_KEY_VIDEO_HEIGHT;
    来确定视频的大小。从而动态设置VideoView的大小,咦,设置那么大的控件,怎么才显示那么小的视频?哈哈,问题来了,小视频怎么动态适配控件大小?

    小视频适配大控件(动态调整视频显示的大小)
    不说原理了,我也是百度的,普通的LayoutParams只能调整控件的大小,当视频比控件小时,视频只能显示大默认大小,可是怎么来调整呢?请看代码↓

    自定义VideoView控件CustomVideoView.java

    /**
    * @author Created by MrRight on 2017/10/24.
    */
    public class CustomVideoView extends VideoView{
    private Context mContext;
    final int defaultHeight=200; //单位DP

    public CustomVideoView(Context context) {
    super(context);
    mContext=context;
    }

    public CustomVideoView(Context context, AttributeSet attrs) {
    super(context, attrs);
    mContext=context;
    }

    public CustomVideoView(Context context, AttributeSet attrs, int defStyleAttr) {
    super(context, attrs, defStyleAttr);
    mContext=context;
    }

    //widthMeasureSpec 和 heightMeasureSpec的值 由父容器决定
    @Override
    protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
    super .onMeasure(widthMeasureSpec,heightMeasureSpec);
    // 默认高度,为了自动获取到focus
    int width = MeasureSpec.getSize(widthMeasureSpec);
    int height = width;
    // 这个之前是默认的拉伸图像
    if (this.width > 0 && this.height > 0) {
    width = this.width;
    height = this.height;
    }
    setMeasuredDimension(width, height);
    }


    private int width,height;

    public void setMeasure(int width, int height) {
    this.width = width;
    this.height = height;
    }
    }
    怎么用呢!!很简单,继续看代码↓

    videoViewParent.post(new Runnable() {
    @Override
    public void run() {
    int[] widthAndHeight=getWidthAndHeight(holder.videoViewParent,dynamicsBean.getWeight(),dynamicsBean.getHeight());
    videoView.getHolder().setFixedSize(widthAndHeight[0], widthAndHeight[1]);
    // 重绘VideoView大小,这个方法是在重写VideoView时对外抛出方法
    videoView.setMeasure(widthAndHeight[0], widthAndHeight[1]);
    // 请求调整
    videoView.requestLayout();
    }
    });
    就这样,视频可以按你的需求行进动态调整了!!

    VideoView的常用监听和作用
    VideoView有好多监听,真的是好多,许多监听是重复的,至于怎么重复的?为什么重复?有兴趣的自己去看看!首先看第一个非常重要的一个监听:点击事件和双击事件的监听,你们有没有试过设置OnClick事件?是不是没有什么用啊?没用就对了,点击事件的正确姿势是↓↓↓

    /*
    * 对VideoView setOnClickListener时,发现无效,搜索一番后找到解决方案;
    * 同时监听VideoView的点击双击和滑动事件,通过对VideoView的OnTouchListener设置进行监听,
    * 首先实例化一个手势识别器,并返回它的onTouchEvent。
    * 然后初始化GestureDetector ,这里面有一个坑,如果单纯的设置OnGestureListener,发现当onDown的返回值为true的
    * 时候可以响应单击长摁和滑动事件,为false的时候只会响应长摁事件;如果想要监听双击事件,就要对GestureDetector设
    * 置OnDoubleTapListener,需要注意的的是,在OnGestureListener的onDown返回值为false的时候OnDoubleTapListener
    * 里面所有的回调是不会去响应的
    */
    holder.videoView.setOnTouchListener(new View.OnTouchListener() {
    GestureDetector mGesture;
    @Override
    public boolean onTouch(View v, MotionEvent event) {
    if (mGesture == null) {
    mGesture = new GestureDetector(context, new GestureDetector.SimpleOnGestureListener() {
    @Override
    public boolean onDown(MotionEvent e) {
    //返回false的话只能响应长摁事件
    return true;
    }

    @Override
    public void onLongPress(MotionEvent e) {
    super.onLongPress(e);
    }

    @Override
    public boolean onScroll(MotionEvent e1, MotionEvent e2, float distanceX, float distanceY) {
    return super.onScroll(e1, e2, distanceX, distanceY);
    }
    });
    mGesture.setOnDoubleTapListener(new GestureDetector.OnDoubleTapListener() {
    @Override
    public boolean onSingleTapConfirmed(MotionEvent e) {
    controlLayoutShowAndHiden(holder.controlLayout,holder.cancheImage);
    return true;
    }

    @Override
    public boolean onDoubleTap(MotionEvent e) {
    return true;
    }

    @Override
    public boolean onDoubleTapEvent(MotionEvent e) {
    return false;
    }
    });
    }

    return mGesture.onTouchEvent(event);
    }
    });

    OK!点击事件看完之后,我们看下剩下的其他的监听方法,剩下的比较简单,光看名字就知道是干什么用的,我们只写下方法和作用,不再赘述

    videoView.setOnErrorListener(new MediaPlayer.OnErrorListener() {
    @Override
    public boolean onError(MediaPlayer mp, int what, int extra) {
    if(what==MediaPlayer.MEDIA_ERROR_UNKNOWN //未指定的媒体播放器错误。
    ||what==MediaPlayer.MEDIA_ERROR_SERVER_DIED //媒体服务器死了。在这种情况下,应用程序必须释放
    ||what==MediaPlayer.MEDIA_ERROR_NOT_VALID_FOR_PROGRESSIVE_PLAYBACK//视频流,其容器对逐行扫描无效。
    ||what==MediaPlayer.MEDIA_ERROR_MALFORMED//文件或网络操作错误
    ||what==MediaPlayer.MEDIA_ERROR_UNSUPPORTED//比特流符合相关的编码标准或文件规范,但 媒体框架不支持该功能。
    ||what==MediaPlayer.MEDIA_ERROR_TIMED_OUT//超时
    ||what==MediaPlayer.MEDIA_ERROR_IO){ //IO刘错误
    if(controlImageBig.getVisibility()==View.VISIBLE){
    controlImageBig.setBackgroundResource(R.drawable.vodeo_retry);
    }
    }
    return true;//如果设置true就可以防止他弹出错误的提示框!
    }
    });


    videoView.setOnInfoListener(new MediaPlayer.OnInfoListener() {
    @Override
    public boolean onInfo(MediaPlayer mp, int what, int extra) {
    if (what==MediaPlayer.MEDIA_INFO_VIDEO_RENDERING_START){
    controlImageBig.setVisibility(View.GONE);
    cancheImage.setVisibility(View.GONE);
    controlImageBig.setBackgroundResource(R.drawable.eventdynamics_play_big);
    }
    LogUtils.i(TAG," extra is "+extra
    +" what is "+what);
    return false;
    }
    });


    videoView.setOnPreparedListener(new MediaPlayer.OnPreparedListener() {
    @Override
    public void onPrepared(MediaPlayer mp) {
    Log.d(TAG,"onPrepared methmod is called and position is "+position);
    int duration=holder.videoView.getDuration();
    totleTime.setText(intTimeToString(duration));
    seekBar.setMax(duration);
    videoViewParent.setOnClickListener(new View.OnClickListener() {
    @Override
    public void onClick(View v) {
    controlLayoutShowAndHiden(holder.controlLayout,holder.cancheImage);
    }
    });
    }
    });


    videoView.setOnCompletionListener(new MediaPlayer.OnCompletionListener() {
    @Override
    public void onCompletion(MediaPlayer mp) {
    threadPoolUtils.shutDownNow();
    if(cancheImage.getVisibility()==View.GONE){
    cancheImage.setVisibility(View.VISIBLE);
    }
    if(controlImageBig.getVisibility()==View.GONE){
    controlImageBig.setVisibility(View.VISIBLE);
    }
    playControl.setImageResource(R.drawable.eventdynamics_play);
    seekBar.setProgress(0);
    }
    });

    好了,大概就这么多,后续有新东西还会持续更新,大家有什么好的建议也可以留言交流
    ---------------------
    作者:baoolong
    来源:CSDN
    原文:https://blog.csdn.net/baoolong/article/details/79607393
    版权声明:本文为博主原创文章,转载请附上博文链接!

  • 相关阅读:
    Beta 冲刺(1/7)
    福大软工 · 第十次作业
    11111111
    101
    7
    6
    5
    4
    p
    b2
  • 原文地址:https://www.cnblogs.com/geili/p/10193767.html
Copyright © 2011-2022 走看看