其实中自带的MediaPlayer本身就能播放在线视频,MediaPlayer结合SurfaceView播放在线视频也是不错的选择(如果你没有性能或者用户体验上的要求),关于MediaPlayer+SurfaceView播放在线视频我后面会给筒子们详细介绍,这里我想先说一下一个第三方的视频播放控件Vitamio的使用,这个控件用起来还是非常方便的,而且性能也不错,OK,废话不多说,先来看看我们今天的一个效果图。
OK,这是一段网络视频,当视频处于缓冲状态时,会提示用户目前缓冲的百分比以及当前的下载网速,我们就来看看这么一个效果该怎么实现。
1.准备工作
1.视频网址
http://112.253.22.157/17/z/z/y/u/zzyuasjwufnqerzvyxgkuigrkcatxr/hc.yinyuetai.com/D046015255134077DDB3ACA0D7E68D45.flv
2.下载Vitamio库
Vitamio下载地址
Vitamio官网地址
其实官网并没有什么卵用,连个Demo都没有,大家只需要去GitHub上下载Vitamio库文件即可。
3.导入Vitamio库
导入库,这个很简单吧,和筒子们导入其他库的方式一样,不赘述(这里有疑问欢迎留言讨论)。
4.在已创建的App中引用该库文件
2.播放网络视频
第一步的工作完成之后,接下来我们就可以开始使用Vitamio了,首先在布局文件中来引用Vitamio,如下:
- <io.vov.vitamio.widget.VideoView
- android:id="@+id/vitamio"
- android:layout_width="match_parent"
- android:layout_height="200dp"
- android:layout_marginTop="24dp"/>
- if (Vitamio.initialize(this)) {
- VideoView videoView = (VideoView) findViewById(R.id.vitamio);
- videoView.setVideoURI(Uri.parse("http://112.253.22.157/17/z/z/y/u/zzyuasjwufnqerzvyxgkuigrkcatxr/hc.yinyuetai.com/D046015255134077DDB3ACA0D7E68D45.flv"));
- MediaController controller = new MediaController(this);
- videoView.setMediaController(controller);
- videoView.start();
- }
3.显示缓冲百分比以及下载网速
完成第二部,视频播放已经没有问题了,但是如果筒子们想要在视频缓冲的过程中显示缓冲百分比以及下载速率该怎么办呢?这个也简单。首先缓冲百分比和下载速率是显示在两个TextView上的,而且这两个TextView都显示在VideoView的左上角,那么我们来看看完整的布局 文件应该是什么样子:
- <?xml version="1.0" encoding="utf-8"?>
- <RelativeLayout
- 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"
- tools:context="lenve.vitamio.MainActivity">
- <io.vov.vitamio.widget.VideoView
- android:id="@+id/vitamio"
- android:layout_width="match_parent"
- android:layout_height="200dp"
- android:layout_marginTop="24dp"/>
- <TextView
- android:id="@+id/buffer_percent"
- android:layout_width="wrap_content"
- android:layout_height="wrap_content"
- android:layout_alignTop="@id/vitamio"
- android:layout_marginLeft="12dp"
- android:textColor="#e6ff01"/>
- <TextView
- android:id="@+id/net_speed"
- android:layout_width="wrap_content"
- android:layout_height="wrap_content"
- android:layout_alignTop="@id/vitamio"
- android:layout_marginLeft="12dp"
- android:layout_toRightOf="@id/buffer_percent"
- android:textColor="#04fa00"/>
- </RelativeLayout>
- //显示缓冲百分比的TextView
- percentTv = (TextView) findViewById(R.id.buffer_percent);
- //显示下载网速的TextView
- netSpeedTv = (TextView) findViewById(R.id.net_speed);
- videoView.setOnBufferingUpdateListener(new MediaPlayer.OnBufferingUpdateListener() {
- @Override
- public void onBufferingUpdate(MediaPlayer mp, int percent) {
- percentTv.setText("已缓冲:" + percent + "%");
- }
- });
第二个监听器如下:
- videoView.setOnInfoListener(new MediaPlayer.OnInfoListener() {
- @Override
- public boolean onInfo(MediaPlayer mp, int what, int extra) {
- switch (what) {
- //开始缓冲
- case MediaPlayer.MEDIA_INFO_BUFFERING_START:
- percentTv.setVisibility(View.VISIBLE);
- netSpeedTv.setVisibility(View.VISIBLE);
- mp.pause();
- break;
- //缓冲结束
- case MediaPlayer.MEDIA_INFO_BUFFERING_END:
- percentTv.setVisibility(View.GONE);
- netSpeedTv.setVisibility(View.GONE);
- mp.start();
- break;
- //正在缓冲
- case MediaPlayer.MEDIA_INFO_DOWNLOAD_RATE_CHANGED:
- netSpeedTv.setText("当前网速:" + extra + "kb/s");
- break;
- }
- return true;
- }
- });
OK,这个就是Vatamio一个基本的用法,Vitamio大多数API都和原生的VideoView的API一致,这里我就不再赘述。
源码下载(由于CSDN对上传文件大小有限制,我只上传了我的代码的Module,大家下载demo之后需要自己下载Vitamio并引入,工程方可运行)
以上。