安卓视频播放器（VideoView）

VideoView是安卓自带的视频播放器类，该类集成有显示和控制两大部分，在布局文件中添加VideoView然后在java文件中简单的调用控制命令，即可实现本地或者网络视频的播放。本章实现视频的居中播放、网络视频播放、本地视频播放、视频卡顿监听、网络连接错误监听、视频外自定义视频控件、视频内自定义视频控件等。

 

支持的格式：flv、3gp、mp4

 

类的一些重要方法

void start();                 //开始播放

void pause();              //暂停

void resume();           //重新播放,使用时需要在本句后加上开始播放

void seekTo(int msec);       //从第几毫秒开始播放

void stopPlayback();          //停止播放并释放资源

int getCurrentPosition();    //获取当前播放的位置。

int getDuration();               //获取当前播放视频的总长度。

void setVideoPath(String path);    //以文件路径的方式设置VideoView播放的视频源。

void setVideoURI(Uri uri);            //以Uri的方式设置VideoView播放的视频源，可以是网络Uri或本地Uri

void isPlaying();                           //当前VideoView是否在播放视频

setMediaController(MediaController controller);                               //设置MediaController控制器

setOnCompletionListener(MediaPlayer.onCompletionListener l);     //监听播放完成的事件

setOnErrorListener(MediaPlayer.OnErrorListener l);                        //监听播放发生错误时候的事件

setOnPreparedListener(MediaPlayer.OnPreparedListener l);          //监听视频装载完成的事件

setOnInfoListener(new MediaPlayer.OnInfoListener(){});                 //视频卡顿监听

 

实现简单的视频播放

                                             

布局文件：

实现视频播放重要在于VideoView标签，如果让该标签的父级标签为FramLayout，设置相应属性就可以实现视频居中播放和默认的播放控件 MediaController 在视频内显示效果，还可以在VidoView标签上层加入TextView标签，实现视频播放的一些状态显示，如播放卡顿、切换播放、播放失败等的提示信息显示。另外可加入ImageView标签，即可显示图片或gif图，更具人性化。

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:paddingBottom="0dp"
    android:paddingLeft="0dp"
    android:paddingRight="0dp"
    android:orientation="vertical"
    android:paddingTop="0dp"
    tools:context="com.example.videodong.MainActivity">

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="视频播放器:\n"
        android:textSize="15dp"
        android:id="@+id/textView" />
    <FrameLayout
        android:layout_width="match_parent"
        android:background="@color/colorBlack"
        android:layout_height="300dp">
       <VideoView
        android:layout_width="match_parent"
        android:layout_gravity="center"
        android:layout_height="300dp"
        android:id="@+id/videoView"
        />

        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:textSize="15dp"
            android:text="点击播放"
            android:textColor="@color/colorWhite"
            android:id="@+id/vv_text"
            android:layout_gravity="center" />
    </FrameLayout>

    <ProgressBar
        android:id="@+id/vv_bar"
        style="?android:attr/progressBarStyleHorizontal"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"/>

        <TextView
            android:layout_width="wrap_content"
            android:text="时间轴为：0.00/000"
            android:id="@+id/vv_starttime"
            android:layout_height="wrap_content" />


     <LinearLayout
         android:layout_width="match_parent"
         android:orientation="horizontal"
         android:layout_gravity="center"
         android:layout_height="wrap_content">
         <TextView
             android:layout_width="wrap_content"
             android:layout_weight="1"
             android:layout_height="wrap_content" />
         <Button
             android:layout_width="wrap_content"
             android:text="开始"
             android:id="@+id/vv_start"
             android:layout_height="wrap_content" />
         <Button
             android:layout_width="wrap_content"
             android:text="暂停"
             android:id="@+id/vv_pause"
             android:layout_height="wrap_content" />
         <Button
             android:layout_width="wrap_content"
             android:text="重播"
             android:id="@+id/vv_restart"
             android:layout_height="wrap_content" />
         <Button
             android:layout_width="wrap_content"
             android:text="下一个"
             android:id="@+id/vv_next"
             android:layout_height="wrap_content" />
         
     </LinearLayout>
    <TextView
        android:layout_width="wrap_content"
        android:id="@+id/vv_state"
        android:layout_height="wrap_content" />
</LinearLayout>

需要添加的权限：

因为视频来源可以是网络或者本地，所以需要动态申请网络访问权限和本地文件读写权限，文件读写权限一般还需要手动获取

<uses-permission android:name="android.permission.INTERNET" />
<uses-permission android:name="android.permission.WRITE_EXTERNAL_STORAGE" />

寻找到VideoView控件：

vv=(VideoView)findViewById(R.id.videoView);

视频预装完成监听：

//视频准备完成时进入
vv.setOnPreparedListener(new MediaPlayer.OnPreparedListener() {
            @Override
            public void onPrepared(MediaPlayer mp) {
                //设置屏幕提示信息为空
                vv_text.setText("");
            }
});

视频播放完成监听：

vv.setOnCompletionListener(new MediaPlayer.OnCompletionListener() {
            @Override
            public void onCompletion(MediaPlayer mp) {
                String strres="播放完成";
                //判断视频的总长度与当前长度是否在误差区间内
                if(Math.abs(vv.getDuration()-vv.getCurrentPosition())>1000){

                    strres="播放错误,可能无网络连接";

                }
                //设置屏幕提示信息
                vv_text.setText(strres);

            }
});

视频播放错误监听：

vv.setOnErrorListener(new MediaPlayer.OnErrorListener() {
            @Override
            public boolean onError(MediaPlayer mp, int what, int extra) 
           {
               //设置屏幕显示信息
                vv_text.setText("视频未知错误");

                return false;
            }
 });

视频卡顿和停止卡顿监听：

vv.setOnInfoListener(new MediaPlayer.OnInfoListener(){
            @Override
            public boolean onInfo(MediaPlayer mp, int what, int extra){

                switch(what){
                    case MediaPlayer.MEDIA_INFO_BUFFERING_START:
                        //设置屏幕显示信息，开始卡顿
                        vv_text.setText("视频卡顿，加载中.....");
                        break ;
                    case MediaPlayer.MEDIA_INFO_BUFFERING_END:
                        //设置屏幕显示信息，卡顿结束
                        vv_text.setText("");
                        break ;
                }
             return true;
            }
}) ;

设置播放资源：

//本地文件
vv.setVideoPath(Environment.getExternalStorageDirectory()+"/dongxiaodong/kk1.mp4");

//URL形式，支持本地URL和网络URL
//vv.setVideoURI(Uri.parse("https://www.bilibili.com/video/xxxxx"));
       
//设置自带的播放控件
//vv.setMediaController(new MediaController(this));

播放开始按钮监听：

//开始播放视频按钮
vv_start.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                
                //设置屏幕显示信息
                vv_text.setText("");

                //开始播放
                vv.start();

            }
});

播放暂停按钮监听：

//暂停播放视频按钮
vv_pause.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {

                //设置屏幕显示信息
                vv_text.setText("视频暂停中");

                //暂停视频播放
                vv.pause();

            }
});

重新播放按钮监听：

//重新播放视频
vv_restart.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                //设置屏幕显示信息
                vv_text.setText("正在重新播放中，请稍等");

                //设置时间轴显示为0
                vv_starttime.setText("时间轴为：0.00/0.00");

                //设置进度条显示为0
                vv_bar.setProgress(0);
                
                //重新播放视频
                vv.resume();
                vv.start();

            }
});

播放下一个视频监听：

vv_next.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                //设置屏幕显示信息
                vv_text.setText("正在切换，请稍等");

                //设置时间轴为0
                vv_starttime.setText("时间轴为：0.00/0.00");

                //设置进度条为0
                vv_bar.setProgress(0);
                
                //停止播放
                vv.pause();//暂停
                vv.stopPlayback();//停止播放并释放资源

                //得到下一个视频的资源
                if(nextbool){
                    nextbool=false;
                    //网络资源，该url已经过期
                    vv.setVideoURI(Uri.parse("http://193.112.87.88/video/xx.flv"));
                } else {
                    nextbool=true;
                    //本地资源
                    vv.setVideoPath(Environment.getExternalStorageDirectory()+"/dongxiaodong/kk1.mp4");
                }

                //开始播放下一个
                vv.start();

            }
});

时间轴时间显示和进度条更新实现：

时间轴时间显示计算将在后文给出解释，另外 %02d 可以实现自动补零效果，runOnUiThread可以在普通线程中进入UI线程，可以实现UI的一系列操作。

new Thread(new Runnable() {
            @Override
            public void run() {
                while (true){
                    //延时1秒
                    try {
                        Thread.sleep(1);
                    } catch (InterruptedException e) {
                        e.printStackTrace();
                    }

                    //进入主线程更新UI
                    runOnUiThread(new Runnable() {
                        @Override
                        public void run() {
                            if(vv.isPlaying()) {
                                 
                                //获取到视频播放进度
                                int maxx=vv.getDuration();
                                int progress=vv.getCurrentPosition();

                                //设置进度条信息
                                vv_bar.setMax(maxx);
                                vv_bar.setProgress(progress);

                                //得到时间轴字符串
                                String strtime=String.format("时间轴为：%02d:%02d/%02d:%02d", (progress % 3600000) / 60000,(progress % 60000 ) / 1000, (maxx % 3600000) / 60000,(maxx % 60000 ) / 1000);
                                //显示时间轴信息
                                vv_starttime.setText(strtime);

                            }
                        }
                    });
                    }

                }
 }).start();

 

视频播放进阶

利用FrameLayout的层叠效果，实现视频控件面板在视频层之上显示，利用视频控件的点击事件，实现视频点击监听然后改变视频控制面板的隐藏和显示。其他的视频播放控制代码基本以上相似

                                                                             

 布局文件改变：

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:paddingBottom="0dp"
    android:paddingLeft="0dp"
    android:paddingRight="0dp"
    android:orientation="vertical"
    android:paddingTop="0dp"
    tools:context="com.example.videodong.MainActivity">

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="视频播放器:\n"
        android:textSize="15dp"
        android:id="@+id/textView" />
    <FrameLayout
        android:layout_width="match_parent"
        android:background="@color/colorBlack"
        android:layout_height="230dp">
       <VideoView
        android:layout_width="match_parent"
        android:layout_gravity="center"
        android:layout_height="230dp"
        android:id="@+id/videoView"
        />
        <FrameLayout
            android:layout_width="match_parent"
            android:layout_gravity="bottom"
            android:id="@+id/vv_framel"
            android:layout_height="wrap_content">
            <ImageView
                android:layout_width="match_parent"
                android:background="@color/colorWhite"
                android:alpha="0.5"
                android:layout_height="match_parent" />
        <LinearLayout
            android:layout_width="match_parent"
            android:orientation="vertical"

            android:layout_height="wrap_content">
            <ProgressBar
                android:id="@+id/vv_bar"
                style="?android:attr/progressBarStyleHorizontal"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"/>
            <LinearLayout
                android:layout_width="match_parent"
                android:orientation="horizontal"
                android:layout_gravity="center"
                android:layout_height="wrap_content">
                <TextView
                    android:layout_width="wrap_content"
                    android:text="时间轴为：0.00/000"
                    android:id="@+id/vv_starttime"
                    android:layout_weight="1"
                    android:layout_height="wrap_content" />
                <Button
                    android:layout_width="wrap_content"
                    android:text="开始"
                    style="?android:attr/buttonStyleSmall"
                    android:id="@+id/vv_start"
                    android:layout_height="wrap_content" />
                <Button
                    android:layout_width="wrap_content"
                    android:text="暂停"
                    android:id="@+id/vv_pause"
                    style="?android:attr/buttonStyleSmall"
                    android:layout_height="wrap_content" />
                <Button
                    android:layout_width="wrap_content"
                    android:text="重播"
                    style="?android:attr/buttonStyleSmall"
                    android:id="@+id/vv_restart"
                    android:layout_height="wrap_content" />
                <Button
                    android:layout_width="wrap_content"
                    android:text="下一个"
                    style="?android:attr/buttonStyleSmall"
                    android:id="@+id/vv_next"
                    android:layout_height="wrap_content" />

            </LinearLayout>
        </LinearLayout>
        </FrameLayout>

        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:textSize="15dp"
            android:text="点击播放"
            android:textColor="@color/colorWhite"
            android:id="@+id/vv_text"
            android:layout_gravity="center" />
    </FrameLayout>
</LinearLayout>

寻找播放控件标签：

vv_framel=(FrameLayout)findViewById(R.id.vv_framel);

设置视频播放控件点击事件监听： 

vv.setOnClickListener(new View.OnClickListener() {
    @Override
    public void onClick(View v) {
        //判断是否是显示
        if(vv_framel.getVisibility()==View.VISIBLE)

            //隐藏视频播放控件
            vv_framel.setVisibility(View.INVISIBLE);

        else

            //显示视频播放控件
            vv_framel.setVisibility(View.VISIBLE);

    }
});

 

内容补充：

视频播放时间轴时间计算：

如果只知道毫秒数，如何转换为对应的时、分、秒，因为1秒为1000毫秒，1分钟为60秒，1小时为60分，所以如果求秒则需要去掉分钟的值，如果求分钟则需要去掉小时的值。

得到秒：【(t % (60*1000) ) / 1000】

得到分：【(t % (60*60*1000)) / (60*1000)】

得到时：【(t / (60*60*1000))】

 

源码资源下载：点我下载

 

---

 参考：

https://www.jianshu.com/p/0c3ef72c20d1?from=timeline&isappinstalled=0

https://www.cnblogs.com/tangs/articles/5463347.html

https://blog.csdn.net/qq_30983519/article/details/54407122

https://blog.csdn.net/qq_29272491/article/details/80475788