前言
之前有讲过如何使用SurfaceView配合MediaPlayer播放视频,其实Android还为开发人员提供了另外一种更简单的播放视频媒体的方式,那就是VideoView,本篇博客就来讲讲VideoView如何播放视频,最后将以一个简单的Demo演示。
本篇博客的主要内容如下:
VideoView
VideoView,用于播放一段视频媒体,它继承了SurfaceView,位于"android.widget.VideoView",是一个视频控件。
既然是播放一段视频,那么不可避免的要涉及到一些开始、暂停、停止等操作,VideoView也为开发人员提供了对应的方法,这里简单介绍一些常用的:
上面的一些方法通过方法名就可以了解用途。和MediaPlayer配合SurfaceView播放视频不同,VideoView播放之前无需编码装载视频,它会在start()开始播放的时候自动装载视频。并且VideoView在使用完之后,无需编码回收资源。
VideoView简单的Demo
VideoView其实没有什么难点,通过它自带的API方法,即可完成一段视频的播放,无非就是注意它方法的调用时机即可。下面通过一个简单的Demo,演示VideoView如何播放一段SD卡上的视频文件。在Demo中提供了四个Button,分别表示播放、暂停、重播、停止,并配合进度条显示。代码注释比较完整,细节部分这里不再累述。
布局代码:activity_videoview.xml
class="code_img_closed" src="/Upload/Images/2013112810/0015B68B3C38AA5B.gif" alt="" />logs_code_hide('8c27853c-fae9-43f8-bb48-c76113cf3058',event)" src="/Upload/Images/2013112810/2B1B950FA3DF188F.gif" alt="" />1 <?xml version="1.0" encoding="utf-8"?> 2 <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" 3 android:layout_width="match_parent" 4 android:layout_height="match_parent" 5 android:orientation="vertical" > 6 7 <EditText 8 android:id="@+id/et_path" 9 android:layout_width="match_parent" 10 android:layout_height="wrap_content" 11 android:text="/sdcard/ykzzldx.mp4" /> 12 13 <SeekBar 14 android:id="@+id/seekBar" 15 android:layout_width="match_parent" 16 android:layout_height="wrap_content" /> 17 18 <LinearLayout 19 android:layout_width="wrap_content" 20 android:layout_height="wrap_content" 21 android:orientation="horizontal" > 22 23 <Button 24 android:id="@+id/btn_play" 25 android:layout_width="0dip" 26 android:layout_height="wrap_content" 27 android:layout_weight="1" 28 android:text="播放" /> 29 30 <Button 31 android:id="@+id/btn_pause" 32 android:layout_width="0dip" 33 android:layout_height="wrap_content" 34 android:layout_weight="1" 35 android:text="暂停" /> 36 37 <Button 38 android:id="@+id/btn_replay" 39 android:layout_width="0dip" 40 android:layout_height="wrap_content" 41 android:layout_weight="1" 42 android:text="重播" /> 43 44 <Button 45 android:id="@+id/btn_stop" 46 android:layout_width="0dip" 47 android:layout_height="wrap_content" 48 android:layout_weight="1" 49 android:text="停止" /> 50 </LinearLayout> 51 52 <VideoView 53 android:id="@+id/vv_videoview" 54 android:layout_width="fill_parent" 55 android:layout_height="fill_parent" /> 56 57 </LinearLayout>View Code
实现代码:VideoViewActivity.java
1 package cn.bgxt.videoviewdemo; 2 3 import java.io.File; 4 5 import android.app.Activity; 6 import android.media.MediaPlayer; 7 import android.media.MediaPlayer.OnCompletionListener; 8 import android.media.MediaPlayer.OnErrorListener; 9 import android.os.Bundle; 10 import android.util.Log; 11 import android.view.View; 12 import android.widget.Button; 13 import android.widget.EditText; 14 import android.widget.SeekBar; 15 import android.widget.Toast; 16 import android.widget.VideoView; 17 import android.widget.SeekBar.OnSeekBarChangeListener; 18 19 public class VideoViewActivity extends Activity { 20 private final String TAG = "main"; 21 private EditText et_path; 22 private Button btn_play, btn_pause, btn_replay, btn_stop; 23 private SeekBar seekBar; 24 private VideoView vv_video; 25 private boolean isPlaying; 26 27 @Override 28 protected void onCreate(Bundle savedInstanceState) { 29 // TODO Auto-generated method stub 30 super.onCreate(savedInstanceState); 31 setContentView(R.layout.activity_videoview); 32 33 seekBar = (SeekBar) findViewById(R.id.seekBar); 34 et_path = (EditText) findViewById(R.id.et_path); 35 vv_video = (VideoView) findViewById(R.id.vv_videoview); 36 37 btn_play = (Button) findViewById(R.id.btn_play); 38 btn_pause = (Button) findViewById(R.id.btn_pause); 39 btn_replay = (Button) findViewById(R.id.btn_replay); 40 btn_stop = (Button) findViewById(R.id.btn_stop); 41 42 btn_play.setOnClickListener(click); 43 btn_pause.setOnClickListener(click); 44 btn_replay.setOnClickListener(click); 45 btn_stop.setOnClickListener(click); 46 47 // 为进度条添加进度更改事件 48 seekBar.setOnSeekBarChangeListener(change); 49 } 50 51 private OnSeekBarChangeListener change = new OnSeekBarChangeListener() { 52 53 @Override 54 public void onStopTrackingTouch(SeekBar seekBar) { 55 // 当进度条停止修改的时候触发 56 // 取得当前进度条的刻度 57 int progress = seekBar.getProgress(); 58 if (vv_video != null && vv_video.isPlaying()) { 59 // 设置当前播放的位置 60 vv_video.seekTo(progress); 61 } 62 } 63 64 @Override 65 public void onStartTrackingTouch(SeekBar seekBar) { 66 67 } 68 69 @Override 70 public void onProgressChanged(SeekBar seekBar, int progress, 71 boolean fromUser) { 72 73 } 74 }; 75 private View.OnClickListener click = new View.OnClickListener() { 76 77 @Override 78 public void onClick(View v) { 79 80 switch (v.getId()) { 81 case R.id.btn_play: 82 play(0); 83 break; 84 case R.id.btn_pause: 85 pause(); 86 break; 87 case R.id.btn_replay: 88 replay(); 89 break; 90 case R.id.btn_stop: 91 stop(); 92 break; 93 default: 94 break; 95 } 96 } 97 }; 98 99 protected void play(int msec) { 100 Log.i(TAG, " 获取视频文件地址"); 101 String path = et_path.getText().toString().trim(); 102 File file = new File(path); 103 if (!file.exists()) { 104 Toast.makeText(this, "视频文件路径错误", 0).show(); 105 return; 106 } 107 108 Log.i(TAG, "指定视频源路径"); 109 vv_video.setVideoPath(file.getAbsolutePath()); 110 Log.i(TAG, "开始播放"); 111 vv_video.start(); 112 113 // 按照初始位置播放 114 vv_video.seekTo(msec); 115 // 设置进度条的最大进度为视频流的最大播放时长 116 seekBar.setMax(vv_video.getDuration()); 117 118 // 开始线程,更新进度条的刻度 119 new Thread() { 120 121 @Override 122 public void run() { 123 try { 124 isPlaying = true; 125 while (isPlaying) { 126 // 如果正在播放,没0.5.毫秒更新一次进度条 127 int current = vv_video.getCurrentPosition(); 128 seekBar.setProgress(current); 129 130 sleep(500); 131 } 132 } catch (Exception e) { 133 e.printStackTrace(); 134 } 135 } 136 }.start(); 137 // 播放之后设置播放按钮不可用 138 btn_play.setEnabled(false); 139 140 vv_video.setOnCompletionListener(new OnCompletionListener() { 141 142 @Override 143 public void onCompletion(MediaPlayer mp) { 144 // 在播放完毕被回调 145 btn_play.setEnabled(true); 146 } 147 }); 148 149 vv_video.setOnErrorListener(new OnErrorListener() { 150 151 @Override 152 public boolean onError(MediaPlayer mp, int what, int extra) { 153 // 发生错误重新播放 154 play(0); 155 isPlaying = false; 156 return false; 157 } 158 }); 159 } 160 161 /** 162 * 重新开始播放 163 */ 164 protected void replay() { 165 if (vv_video != null && vv_video.isPlaying()) { 166 vv_video.seekTo(0); 167 Toast.makeText(this, "重新播放", 0).show(); 168 btn_pause.setText("暂停"); 169 return; 170 } 171 isPlaying = false; 172 play(0); 173 174 } 175 176 /** 177 * 暂停或继续 178 */ 179 protected void pause() { 180 if (btn_pause.getText().toString().trim().equals("继续")) { 181 btn_pause.setText("暂停"); 182 vv_video.start(); 183 Toast.makeText(this, "继续播放", 0).show(); 184 return; 185 } 186 if (vv_video != null && vv_video.isPlaying()) { 187 vv_video.pause(); 188 btn_pause.setText("继续"); 189 Toast.makeText(this, "暂停播放", 0).show(); 190 } 191 } 192 193 /* 194 * 停止播放 195 */ 196 protected void stop() { 197 if (vv_video != null && vv_video.isPlaying()) { 198 vv_video.stopPlayback(); 199 btn_play.setEnabled(true); 200 isPlaying = false; 201 } 202 } 203 }
效果展示:
MediaController
提到VideoView不得不再说一些MediaController。虽然VideoView为我们提供了方便的API用于播放、暂停、停止等操作,但是还是需要我们编码完成,但是如果使用了MediaController的话,那么这些操作都可以省去。
MediaController可以用于配合VideoView播放一段视频,它为VideoView提供一个悬浮的操作栏,在操作栏中可以对VideoView播放的视频进行控制,默认情况下,会悬浮显示三秒。它通过MediaController.setMediaPlayer()方法进行指定需要控制的VideoView,但是仅仅这样是不够的,MediaController的控制需要类似于双向控制,MediaController指定控制的VideoView,VideoView还需要指定那个MediaController来控制它,这需要使用VideoView.setMediaController()方法。
下面介绍一下MediaController的一些常用方法;
通过上面的方法可以看出setMediaPlayer()并非指定的是一个VideoView,而是一个MediaPlayerControl接口,MediaPlayerControl接口内部定义了一些播放相关的播放、暂停、停止等操作,而VideoView实现了MediaPlayerControl。
默认情况下,如果不通过setPrevNextListeners()设置切换视频的监听器,MediaController是不会显示这两个按钮的。
MediaController简单的Demo
上面已经讲过MediaController的一些内容,下面通过一个简单的Demo来演示一下MediaController控制VideoView播放视频。
布局代码:activity_controller.xml
1 <?xml version="1.0" encoding="utf-8"?> 2 <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" 3 android:layout_width="match_parent" 4 android:layout_height="match_parent" 5 android:orientation="vertical" > 6 7 <VideoView 8 android:id="@+id/vv_video" 9 android:layout_width="match_parent" 10 android:layout_height="match_parent" /> 11 </LinearLayout>View Code
实现代码:ControllerActivity.java
1 package cn.bgxt.videoviewdemo; 2 3 import java.io.File; 4 5 import android.app.Activity; 6 import android.os.Bundle; 7 import android.view.View; 8 import android.view.View.OnClickListener; 9 import android.widget.MediaController; 10 import android.widget.Toast; 11 import android.widget.VideoView; 12 13 public class ControllerActivity extends Activity { 14 private VideoView vv_video; 15 private MediaController mController; 16 17 @Override 18 protected void onCreate(Bundle savedInstanceState) { 19 super.onCreate(savedInstanceState); 20 setContentView(R.layout.activity_controller); 21 vv_video=(VideoView) findViewById(R.id.vv_video); 22 // 实例化MediaController 23 mController=new MediaController(this); 24 File file=new File("/sdcard/ykzzldx.mp4"); 25 if(file.exists()){ 26 // 设置播放视频源的路径 27 vv_video.setVideoPath(file.getAbsolutePath()); 28 // 为VideoView指定MediaController 29 vv_video.setMediaController(mController); 30 // 为MediaController指定控制的VideoView 31 mController.setMediaPlayer(vv_video); 32 // 增加监听上一个和下一个的切换事件,默认这两个按钮是不显示的 33 mController.setPrevNextListeners(new OnClickListener() { 34 35 @Override 36 public void onClick(View v) { 37 Toast.makeText(ControllerActivity.this, "下一个",0).show(); 38 } 39 }, new OnClickListener() { 40 41 @Override 42 public void onClick(View v) { 43 Toast.makeText(ControllerActivity.this, "上一个",0).show(); 44 } 45 }); 46 } 47 } 48 }
效果展示:
从上面展示的效果可以看出,MediaController不光为我们增加了控制栏来控制播放、暂停、快进、快退、切换上一视频、切换下一视频,还增加了进度条显示。
源码下载
总结
本篇博客就讲解了VideoView和MediaController的内容。虽然使用MediaController非常的方便,基本上所有的操作都帮我们封装好了,但是封装即表示不够灵活,必须按照既定的规则去实现。所以一般专业的视频播放应用,还是会使用SurfaceView去完成。