android视频播放(二) 利用android原生的MediaPlayer+SurfaceView

转载请注明地址： http://blog.csdn.net/shenxiaolei507

         上篇文章简单介绍了Android播放视频的三种方式和讲解了android 视频播放（一）利用android原生的videoview。VideoView是android封装好的组件，实现起来比较简单。相对于VideoView的实现方式，MediaPlayer+SurfaceView则要灵活很多，MediaPlay为多媒体播放器，不仅可以播放视频，也可以播放音频。OK,言归正传，下面开始讲解利用android原生的MediaPlayer+SurfaceView播放视频。

一、首先我们先来看下SurfaceView的官方介绍

   SurfaceView是视图(View)的继承类，这个视图里内嵌了一个专门用于绘制的Surface。你可以控制这个Surface的格式和尺寸。Surfaceview控制这个Surface的绘制位置。（Surface是原始图像缓冲区（raw buffer）的一个句柄，而原始图像缓冲区是由屏幕图像合成器（screen compositor）管理的）
    surface是纵深排序(Z-ordered)的，这表明它总在自己所在窗口的后面。surfaceview提供了一个可见区域，只有在这个可见区域内 的surface部分内容才可见，可见区域外的部分不可见。surface的排版显示受到视图层级关系的影响，它的兄弟视图结点会在顶端显示。这意味者 surface的内容会被它的兄弟视图遮挡，这一特性可以用来放置遮盖物(overlays)(例如，文本和按钮等控件)。注意，如果surface上面 有透明控件，那么它的每次变化都会引起框架重新计算它和顶层控件的透明效果，这会影响性能。
  你可以通过SurfaceHolder接口访问这个surface，getHolder()方法可以得到这个接口。
  surfaceview变得可见时，surface被创建；surfaceview隐藏前，surface被销毁。这样能节省资源。如果你要查看 surface被创建和销毁的时机，可以重载surfaceCreated(SurfaceHolder)和 surfaceDestroyed(SurfaceHolder)。
   surfaceview的核心在于提供了两个线程：UI线程和渲染线程。这里应注意：
      1> 所有SurfaceView和SurfaceHolder.Callback的方法都应该在UI线程里调用，一般来说就是应用程序主线程。渲染线程所要访问的各种变量应该作同步处理。
      2> 由于surface可能被销毁，它只在SurfaceHolder.Callback.surfaceCreated()和 SurfaceHolder.Callback.surfaceDestroyed()之间有效，所以要确保渲染线程访问的是合法有效的surface。

关于SurfaceView我们要知道和注意以下几点：

（1）SurfaceView 允许我们在非UI主线程中改变SurfaceView的内容，一般View是不允许在线程中访问的。由于这个特点游戏开发在界面处理上大多会选择SurfaceView。

（2）在使用SurfaceView的时候一定要等创建成功以后在使用，也就是在SurfaceView的getHolder中添加回调addCallback中的surfaceCreated。

（3）SurfaceView可能被销毁，而且有可能在Activity的OnDestroy()之前销毁，所以在开发中一定要做处理。

（4）SurfaceView位于UI的最底层的视图层次中，允许在其上面添加一下图层，但不能是透明的。

（5）SurfaceView的构成比其它的View复杂，占用资源也多，所以除了使用view不能实现的，再建议使用。

SurfaceView在视频播放中起到显示画面的作用，而视频的播放主要通过MediaPlayer来控制。下面我们先来看下具体的布局实现。

[html]  view plain  copy

1. <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"  
2.     xmlns:tools="http://schemas.android.com/tools"  
3.     android:layout_width="match_parent"  
4.     android:layout_height="match_parent"  
5.     tools:context="com.example.shenxiaolei.myapplication.SurfaceViewTestActivity" >  
6.   
7.     <SurfaceView  
8.         android:id="@+id/surfaceView"  
9.         android:layout_width="match_parent"  
10.         android:layout_height="match_parent" />  
11.   
12.     <ProgressBar  
13.         android:id="@+id/progressBar"  
14.         android:layout_width="wrap_content"  
15.         android:layout_height="wrap_content"  
16.         android:layout_centerInParent="true" />  
17.   
18.     <RelativeLayout  
19.         android:layout_width="match_parent"  
20.         android:layout_height="wrap_content"  
21.         android:layout_alignParentBottom="true"  
22.         android:background="#88000000"  
23.         android:gravity="center_vertical"  
24.         android:paddingLeft="5dp"  
25.         android:paddingRight="5dp" >  
26.   
27.         <Button  
28.             android:id="@+id/button_play"  
29.             android:layout_width="wrap_content"  
30.             android:layout_height="wrap_content"  
31.             android:text="暂停" />  
32.   
33.         <Button  
34.             android:id="@+id/button_replay"  
35.             android:layout_width="wrap_content"  
36.             android:layout_height="wrap_content"  
37.             android:layout_toRightOf="@id/button_play"  
38.             android:text="重播" />  
39.   
40.         <Button  
41.             android:id="@+id/button_screenShot"  
42.             android:layout_width="wrap_content"  
43.             android:layout_height="wrap_content"  
44.             android:layout_toRightOf="@id/button_replay"  
45.             android:text="截图" />  
46.   
47.         <Button  
48.             android:id="@+id/button_changeVedioSize"  
49.             android:layout_width="wrap_content"  
50.             android:layout_height="wrap_content"  
51.             android:layout_toRightOf="@id/button_screenShot"  
52.             android:text="全屏" >  
53.         </Button>  
54.   
55.         <TextView  
56.             android:id="@+id/textView_showTime"  
57.             android:layout_width="wrap_content"  
58.             android:layout_height="wrap_content"  
59.             android:layout_alignParentRight="true"  
60.             android:textColor="#ffffff" />  
61.   
62.         <SeekBar  
63.             android:id="@+id/seekbar"  
64.             android:layout_width="match_parent"  
65.             android:layout_height="wrap_content"  
66.             android:layout_toLeftOf="@id/textView_showTime"  
67.             android:layout_toRightOf="@id/button_changeVedioSize" />  
68.     </RelativeLayout>  
69.   
70. </RelativeLayout>  

布局内容相对来说不复杂，SurfaceView是视频显示屏幕，暂停播放，重播，截图，全屏/适应屏幕等按钮Button，播放时间和总时间显示TextView,SeekBar进度条。布局总共那么多，当然主要还是SurfaceView,其余还是根据具体需求实现，好了，下面我们开始看下具体的实现代码。

二、SurfaceView的实现和创建监听

[java]  view plain  copy

1. surfaceView = (SurfaceView) findViewById(R.id.surfaceView);  
2. // 设置surfaceHolder  
3. surfaceHolder = surfaceView.getHolder();  
4. // 设置Holder类型,该类型表示surfaceView自己不管理缓存区,虽然提示过时，但最好还是要设置  
5. surfaceHolder.setType(SurfaceHolder.SURFACE_TYPE_PUSH_BUFFERS);  
6. // 设置surface回调  
7. surfaceHolder.addCallback(new SurfaceCallback());  

关于SurfaceView的创建我们要注意几点：

（1）获取SurfaceView的实例后，一定要通过getHolder来获取SurfaceHolder。SurfaceHolder是SurfaceView的控制。

（2）SurfaceHolder获取以后一定要设置类型，setType(SurfaceHolder.SURFACE_TYPE_PUSH_BUFFERS)，设置为SurfaceView不管理自己的缓存区，这个方法虽然提示为过时，但还是要设置，避免视频播放时，出现有声音没图像的问题。

（3）一定要对SurfaceHolder添加回调实现addCallback,在官方介绍中也提到要添加回调，对SurfaceView的生命周期的实现。

下面看下SurfaceCallback()的实现。

[java]  view plain  copy

1. // SurfaceView的callBack  
2.     private class SurfaceCallback implements SurfaceHolder.Callback {  
3.         public void surfaceChanged(SurfaceHolder holder, int format, int width, int height) {  
4.             // SurfaceView的大小改变  
5.         }  
6.   
7.         public void surfaceCreated(SurfaceHolder holder) {  
8.             // surfaceView被创建  
9.             // 设置播放资源  
10.             playVideo();  
11.         }  
12.   
13.         public void surfaceDestroyed(SurfaceHolder holder) {  
14.             // surfaceView销毁  
15.             // 如果MediaPlayer没被销毁，则销毁mediaPlayer  
16.             if (null != mediaPlayer) {  
17.                 mediaPlayer.release();  
18.                 mediaPlayer = null;  
19.             }  
20.         }  
21.     }  

在回调实现中，能监听到SurfaceView的创建，大小的改变，销毁。这里要特别注意,我们要在SurfaceView创建以后播放视频，在SurfaceView销毁的时候也要停止MediaPlayer播放视频，这样做可以避免在视频播放的时候出现有声音没图像的现象。下面看下MediaPlayer的创建和实现。

三、MediaPlayer的创建和实现

[java]  view plain  copy

1. /** 
2.     * 播放视频 
3.     */  
4.    public void playVideo() {  
5.        // 初始化MediaPlayer  
6.        mediaPlayer = new MediaPlayer();  
7.        // 重置mediaPaly,建议在初始滑mediaplay立即调用。  
8.        mediaPlayer.reset();  
9.        // 设置声音效果  
10.        mediaPlayer.setAudioStreamType(AudioManager.STREAM_MUSIC);  
11.        // 设置播放完成监听  
12.        mediaPlayer.setOnCompletionListener(this);  
13.        // 设置媒体加载完成以后回调函数。  
14.        mediaPlayer.setOnPreparedListener(this);  
15.        // 错误监听回调函数  
16.        mediaPlayer.setOnErrorListener(this);  
17.        // 设置缓存变化监听  
18.        mediaPlayer.setOnBufferingUpdateListener(this);  
19.        Uri uri = Uri  
20.                .parse("http://123.150.52.227/0725695b00000000-1415769042-1960016430/data5/vkplx.video.qq.com/flv/74/164/a0015193bxf.p203.1.mp4");  
21.        try {  
22.            // mediaPlayer.reset();  
23.            mediaPlayer.setDataSource(SurfaceViewTestActivity.this, uri);  
24.            // 设置异步加载视频，包括两种方式 prepare()同步，prepareAsync()异步  
25.            mediaPlayer.prepareAsync();  
26.        } catch (IOException e) {  
27.            e.printStackTrace();  
28.        }  
29.    }  

MediaPlayer的创建在代码中，注释比较清楚，特别注意以下几点：

（1）在MediaPlayer实现以前调用reset(）方法，防止MediaPlayer的重复。

（2）设置MediaPlayer的声音类型为MUSIC类型。

（3）添加视频的加载的监听，setOnPrepareListener();实现在其方法在加载完成以后播放视频，加载方式又分为两种，同步加载和异步加载。同步方法prepare()，使MediaPlayer进入Prepared加载就绪状态，异步状态使MediaPlayer进入Preparing状态，而内部引擎继续完成未完成的准备工作。

（4）MediaPlayer的setDateSource()也可以设置为本地播放视频，本次博文设置的网络视频。

三、播放和显示视频

    在MediaPlayer创建和实现中，就已经说明在MediaPlayer的视频加载完成以后，也就是setOnPreparedListener监听中，开始播放视频比较好，防止出现异常。下面就看下setOnPreparedListener的实现，在MediaPlayer加载完成以后会调用OnPreparedListener该接口中的onPrepared方法。

[java]  view plain  copy

1. /** 
2.      * 视频加载完毕监听 
3.      *  
4.      * @param mp 
5.      */  
6.     @Override  
7.     public void onPrepared(MediaPlayer mp) {  
8.         // 当视频加载完毕以后，隐藏加载进度条  
9.         progressBar.setVisibility(View.GONE);  
10.         // 判断是否有保存的播放位置,防止屏幕旋转时，界面被重新构建，播放位置丢失。  
11.         if (Constants.playPosition >= 0) {  
12.             mediaPlayer.seekTo(Constants.playPosition);  
13.             Constants.playPosition = -1;  
14.             // surfaceHolder.unlockCanvasAndPost(Constants.getCanvas());  
15.         }  
16.         // 播放视频  
17.         mediaPlayer.start();  
18.         // 设置显示到屏幕  
19.         mediaPlayer.setDisplay(surfaceHolder);  
20.         // 设置surfaceView保持在屏幕上  
21.         mediaPlayer.setScreenOnWhilePlaying(true);  
22.         surfaceHolder.setKeepScreenOn(true);  
23.         // 设置控制条,放在加载完成以后设置，防止获取getDuration()错误  
24.         seekBar.setProgress(0);  
25.         seekBar.setMax(mediaPlayer.getDuration());  
26.         // 设置播放时间  
27.         videoTimeString = getShowTime(mediaPlayer.getDuration());  
28.         vedioTiemTextView.setText("00:00:00/" + videoTimeString);  
29.         // 设置拖动监听事件  
30.         seekBar.setOnSeekBarChangeListener(new SeekBarChangeListener());  
31.         // 设置按钮监听事件  
32.         // 重新播放  
33.         replayButton.setOnClickListener(SurfaceViewTestActivity.this);  
34.         // 暂停和播放  
35.         playButton.setOnClickListener(SurfaceViewTestActivity.this);  
36.         // 截图按钮  
37.         screenShotButton.setOnClickListener(SurfaceViewTestActivity.this);  
38.         seekBarAutoFlag = true;  
39.         // 开启线程 刷新进度条  
40.         thread.start();  
41.     }  

MediaPlayer的显示播放，注释也比较清楚，我再说几点特别注意的地方：

（1）setDisPlay(surfaceHolder)就是设置视频显示到SurfaceView，在加载播放完成以后在显示到屏幕上。

（2）MediaPlayer的setScreenOnWhilePlaying(true)和SurfaceHolder的方法是设置视频保持在屏幕上，保持屏幕长亮。

（3）获取视频的时间总长度MediaPlayer.getDuration()方法，也在视频加载完成以后调用，因为只有视频加载完成以后才能知道视频的总大小，这样符合逻辑。

（4）在视频加载完成播放以后再做一些对视频的相应操作会比较好，也符合逻辑。

（5）videoTimeString为视频的总长度。

播放时进度条SeekBar的自动控制线程

[java]  view plain  copy

1. /** 
2.     * 滑动条变化线程 
3.     */  
4.    private Thread thread = new Thread() {  
5.   
6.        public void run() {  
7.            // TODO Auto-generated method stub  
8.            super.run();  
9.            // 增加对异常的捕获，防止在判断mediaPlayer.isPlaying的时候，报IllegalStateException异常  
10.            try {  
11.                while (seekBarAutoFlag) {  
12.                    /* 
13.                     * mediaPlayer不为空且处于正在播放状态时，使进度条滚动。 
14.                     * 通过指定类名的方式判断mediaPlayer防止状态发生不一致 
15.                     */  
16.   
17.                    if (null != SurfaceViewTestActivity.this.mediaPlayer  
18.                            && SurfaceViewTestActivity.this.mediaPlayer.isPlaying()) {  
19.                        seekBar.setProgress(mediaPlayer.getCurrentPosition());  
20.                    }  
21.                }  
22.            } catch (Exception e) {  
23.                e.printStackTrace();  
24.            }  
25.        };  
26.   
27.    };  

由于线程为后台执行，而且线程自带的stop方法也已经失效，所以我们在线程设置标记seekBarAutoFlag来控制线程的停止，而且在设置进度条的时候也要加上对MediaaPlayer的判断，不为空和正在播放的状态才可以设置进度条滚动。由于线程如果不设置seekBarAutoFlag为false的情况下一直在运行，而且也不能保证在设置seekBarAutoFlag为false后线程立即不执行，所以有可能在判断MediaPlayer是否正在播放的时候，MediaPlayer已经为空或者其它状态，导致报IllegalStateException异常，所以我们也要加上异常的捕获。

SeekBar的变化状态监听

[java]  view plain  copy

1. /** 
2.  * seekBar拖动监听类 
3.  *  
4.  * @author shenxiaolei 
5.  */  
6. @SuppressWarnings("unused")  
7. private class SeekBarChangeListener implements OnSeekBarChangeListener {  
8.   
9.     public void onProgressChanged(SeekBar seekBar, int progress, boolean fromUser) {  
10.         // TODO Auto-generated method stub  
11.         if (progress >= 0) {  
12.             // 如果是用户手动拖动控件，则设置视频跳转。  
13.             if (fromUser) {  
14.                 mediaPlayer.seekTo(progress);  
15.             }  
16.             // 设置当前播放时间  
17.             vedioTiemTextView.setText(getShowTime(progress) + "/" + videoTimeString);  
18.         }  
19.     }  
20.   
21.     public void onStartTrackingTouch(SeekBar seekBar) {  
22.         // TODO Auto-generated method stub  
23.   
24.     }  
25.   
26.     public void onStopTrackingTouch(SeekBar seekBar) {  
27.         // TODO Auto-generated method stub  
28.   
29.     }  
30.   
31. }  

监听事件主要是在判断滚动条是否变化onProgressChanged完成后，该方法的有三个参数，第一个是SeekBar，第二个是变化的位置progres,第三个参数是标识是否是用户手动拖动进度条fromUser，主要在fromUser为true，也就是在用户操作的情况下，才使视频跳转mediaPlayer.seekTo。其余的就是显示当前播放时间，videoTimeString为视频的总长度。

最后奉上视频时间转换方法也就是在上述代码中用到的getShowTime()方法

[java]  view plain  copy

1. /** 
2.  * 转换播放时间 
3.  *  
4.  * @param milliseconds 传入毫秒值 
5.  * @return 返回 hh:mm:ss或mm:ss格式的数据 
6.  */  
7. @SuppressLint("SimpleDateFormat")  
8. public String getShowTime(long milliseconds) {  
9.     // 获取日历函数  
10.     Calendar calendar = Calendar.getInstance();  
11.     calendar.setTimeInMillis(milliseconds);  
12.     SimpleDateFormat dateFormat = null;  
13.     // 判断是否大于60分钟，如果大于就显示小时。设置日期格式  
14.     if (milliseconds / 60000 > 60) {  
15.         dateFormat = new SimpleDateFormat("hh:mm:ss");  
16.     } else {  
17.         dateFormat = new SimpleDateFormat("mm:ss");  
18.     }  
19.     return dateFormat.format(calendar.getTime());  
20. }  

好了，注释也写的比较详细，关于该方法就不在多讲。