Android VideoView播放网络视频简介

最新推荐文章于 2024-03-17 09:35:46 发布

baoolong

最新推荐文章于 2024-03-17 09:35:46 发布

阅读量3.4w

点赞数 20

分类专栏： Android 文章标签： VideoView点击事件 VideoView画面 VideoView事件 VideoView播放网络视频 VideoView宽高

本文链接：https://blog.csdn.net/baoolong/article/details/79607393

版权

Android 专栏收录该内容

14 篇文章 2 订阅

订阅专栏

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

获取视频首帧当预览图（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,"\n extra is "+extra
                                +"\n 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

关注

20
点赞
踩
78

收藏

觉得还不错? 一键收藏
打赏
12
评论
Android VideoView播放网络视频简介

最近项目中用到了很多视频播放的地方，不管是聊天发送的视频消息，还是类似内涵段子的视频列表，都会涉及这些知识，不过网上的知识都很零散，一会找缓存方法，一会找预览图片的方法，一会找视频动态修改尺寸的方法，总之找的人好烦，所以自己写一篇来记录这些知识点，也方便别人查阅获取视频首帧当预览图（MediaMetadataRetriever）在VideoView中，如果直接设置播放路径，然后seekTo(1)当...
复制链接

扫一扫