Android视频播映之VideoView

1、VideoView类介绍

Android的VideoView组件可以从不同的来源（例如资源文件或内容提供器）调用影像，假设和维护视频的镜头尺寸以使其适用于任何布局管理器，并提供一些诸如缩放、着色之类的显示选项，涵盖在widget下面：android.widget.VideoView。Android中视屏播放框架如下图：

从图中可以看出，VideoView组件进行视频播映的过程可以分为三步：

（1）JAVA Framework层，应用程序进来以后到VideoView，再经过Surface；

（2）Native Framework层，先到SurfaceFlinger，然后到OverlayHal，同样通过了PVPlayer；

（3）Driver层，借助Main framebuffer和Video Plane进行播放；

VideoView组件的类继承与插口实现状况为：

继承：public class VideoView extends SurfaceView

接口：implements MediaController.MediaPlayerControl

而从Object开始的继承层次如下：

java.lang.Object

android.view.View

android.view.SurfaceView

android.widget.VideoView

VideoView类的构造函数有三个：

（1）public VideoView(Context context)，创建一个默认属性的VideoView实例。参数context为字段运行的应用程序上下文，通过它可以访问当前主题、资源等等。注：以上阐述中重复参数的表述就不给出了。

（2）public VideoView(Context context, AttributeSet attrs)，创建一个带有attrs属性的VideoView实例。attrs用于视图的 XML 标签属性集合。

（3）public VideoView(Context context, AttributeSet attrs, int defStyle)，创建一个带有attrs属性，如果指定其默认样式的VideoView实例。参数defStyle为应用到字段的默认风格，或者为 则不应用（涵盖目前主题中的）风格，该值可以是目前主题中的特性资源，也可以是明晰的格调资源ID。

比较常见的共有方法有播放start()、暂停pause()等，详细描写与用法见前边测试部份。

2、集锦播映源码

先给出一个简单的试验实例，流程中以File和Uri两种方式来给VideoView组件加载电脑SD卡中的集锦资源。资源类型为MP4，使用电脑自带摄像机录制，完整路径名为“/mnt/sdcard/Pictures/video.mp4”。在源码采用的是读取功能路径的手段：Environment.getExternalStorageDirectory() + "/Pictures/video.mp4"。

另外说明一点，借助Uri对图片资源进行读取的手段和本地资源相似，所以资源名称的方式不同。如：

1 Uri uri = Uri.parse("rtsp://v2.cache2.c.youtube.com/CjgLENy73wIaLwm3JbT_%ED%AF%80%ED%B0%819HqWohMYESARFEIJbXYtZ29vZ2xlSARSB3Jlc3VsdHNg_vSmsbeSyd5JDA==/0/0/0/video.3gp");

文件文档3gp也是VideoView组件支持文档中的一种。

由于要对电脑中的文档进行读取，不过必须在AndroidManifest.xml文档中添加用户权限：

1 <uses-permission android:name="android.permission.MOUNT_UNMOUNT_FILESYSTEMS" />
2 <uses-permission android:name="android.permission.WRITE_EXTERNAL_STORAGE" />
3 <uses-permission android:name="android.permission.READ_EXTERNAL_STORAGE" />

程序中用到的String变量封装在了string.xml中：

 1 <resources>
 2     <string name="app_name">VideoView0803</string>
 3 
 4     <string name="hello_world">Hello world!</string>
 5     <string name="action_settings">Settings</string>
 6 
 7     <string name="startCard">PlayCard</string>
 8     <string name="pauseCard">StopCard</string>
 9     <string name="startUri">PlayUri</string>
10     <string name="pauseUri">StopUri</string>
11 </resources>

页面上的模组由一个VideoView、两个Button，一个TextView组成，布局文件代码如下：

 1 <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
 2     xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_parent"
 3     android:layout_height="match_parent" android:paddingLeft="@dimen/activity_horizontal_margin"
 4     android:paddingRight="@dimen/activity_horizontal_margin"
 5     android:paddingTop="@dimen/activity_vertical_margin"
 6     android:paddingBottom="@dimen/activity_vertical_margin" tools:context=".MainActivity">
 7 
 8     <Button
 9         android:layout_width="wrap_content"
10         android:layout_height="wrap_content"
11         android:text="@string/startCard"
12         android:id="@+id/startCard"
13         android:layout_alignParentBottom="true"
14         android:layout_alignParentStart="true"
15         android:textColor="#00f" />
16 
17     <Button
18         android:layout_width="wrap_content"
19         android:layout_height="wrap_content"
20         android:text="@string/startUri"
21         android:id="@+id/startUri"
22         android:layout_alignBottom="@+id/startCard"
23         android:layout_alignParentEnd="true"
24         android:textColor="#f00" />
25 
26     <VideoView
27         android:layout_width="wrap_content"
28         android:layout_height="wrap_content"
29         android:id="@+id/videoView"
30         android:layout_alignParentStart="true"
31         android:layout_alignParentTop="true"
32         android:layout_above="@+id/startUri"
33         android:layout_centerHorizontal="true" />
34 
35     <TextView
36         android:layout_width="wrap_content"
37         android:layout_height="wrap_content"
38         android:textAppearance="?android:attr/textAppearanceMedium"
39         android:text="Resource Path"
40         android:id="@+id/fileName"
41         android:layout_alignTop="@+id/startCard"
42         android:layout_alignParentBottom="true"
43         android:layout_toEndOf="@+id/startCard"
44         android:gravity="center_vertical"
45         android:textColor="#000"/>
46 
47 </RelativeLayout>

其中，VideoView组件videoView用于视频内容的播映，Button组件startFile和startUri分别以File和Uri形式打开视频文件，TextView组件fileName用于表明完整路径名（标注资源的身世，对于该实例没这个必要）。运行前的页面图：

主文档MainActivity完整源码如下：

  1 package com.dylan_wang.videoview0803;
  2 
  3 import android.app.Activity;
  4 import android.net.Uri;
  5 import android.os.Bundle;
  6 import android.os.Environment;
  7 import android.view.Menu;
  8 import android.view.MenuItem;
  9 import android.view.View;
 10 import android.widget.Button;
 11 import android.widget.MediaController;
 12 import android.widget.TextView;
 13 import android.widget.VideoView;
 14 
 15 import java.io.File;
 16 
 17 
 18 public class MainActivity extends Activity {
 19 
 20     private String filename = null;
 21     private Button startCard = null;
 22     private Button startUri = null;
 23     private TextView fileName = null;
 24     private VideoView video = null;
 25     private MediaController media = null;
 26 
 27     @Override
 28     protected void onCreate(Bundle savedInstanceState) {
 29         super.onCreate(savedInstanceState);
 30         setContentView(R.layout.activity_main);
 31 
 32         filename = Environment.getExternalStorageDirectory() + "/Pictures/video.mp4";
 33 
 34         startCard = (Button)findViewById(R.id.startCard);
 35         startUri = (Button)findViewById(R.id.startUri);
 36         fileName = (TextView)findViewById(R.id.fileName);
 37         video = (VideoView)findViewById(R.id.videoView);
 38         media = new MediaController(MainActivity.this);
 39 
 40         startCard.setOnClickListener(new View.OnClickListener() {
 41             @Override
 42             public void onClick(View v) {
 43                 playVideoFromFile();
 44             }
 45         });
 46 
 47         startUri.setOnClickListener(new View.OnClickListener() {
 48             @Override
 49             public void onClick(View v) {
 50                 openVideoFromUri();
 51             }
 52         });
 53     }
 54 
 55     private void playVideoFromFile(){
 56         if(startCard.getText().toString().equals("PlayCard")) {
 57             File file = new File(filename);
 58             if (file.exists()) {
 59                 //将VideoView与MediaController进行关联
 60                 video.setVideoPath(file.getAbsolutePath());
 61                 video.setMediaController(media);
 62                 media.setMediaPlayer(video);
 63                 //让VideoView获取焦点
 64                 video.requestFocus();
 65                 video.start();
 66                 startCard.setText(R.string.pauseCard);
 67                 fileName.setText(filename);
 68             }
 69         }
 70         else {
 71             video.pause();
 72             startCard.setText(R.string.startCard);
 73         }
 74     }
 75 
 76     private void openVideoFromUri(){
 77         if(startUri.getText().toString().equals("PlayUri")) {
 78             Uri uri = Uri.parse(filename);
 79             video.setVideoURI(uri);
 80             video.setMediaController(media);
 81             media.setMediaPlayer(video);
 82             //同上
 83             video.requestFocus();
 84             video.start();
 85             startUri.setText(R.string.pauseUri);
 86             fileName.setText(filename);
 87         }
 88         else {
 89             video.pause();
 90             startUri.setText(R.string.startUri);
 91         }
 92     }
 93 
 94     @Override
 95     public boolean onCreateOptionsMenu(Menu menu) {
 96         // Inflate the menu; this adds items to the action bar if it is present.
 97         getMenuInflater().inflate(R.menu.menu_main, menu);
 98         return true;
 99     }
100 
101     @Override
102     public boolean onOptionsItemSelected(MenuItem item) {
103         // Handle action bar item clicks here. The action bar will
104         // automatically handle clicks on the Home/Up button, so long
105         // as you specify a parent activity in AndroidManifest.xml.
106         int id = item.getItemId();
107 
108         //noinspection SimplifiableIfStatement
109         if (id == R.id.action_settings) {
110             return true;
111         }
112 
113         return super.onOptionsItemSelected(item);
114     }
115 }

3、运行结果判断

OK，现在点击页面上的任何一个按钮就可以播放视频文件了。由于两个按钮的号召只是调用资源的手段不同，播映效果是一样的，不过上面只给出点击前面界面PLAYCARD后的播映图：

左侧这张为流程运行后，没有任何操作的网络android videoview，前面是正在播放视频的网络。

可以发现两个有趣的情况：

1、在布局文件activity_main.xml中已将videoView组件在父容器中的设置为水准居中（android:layout_centerHorizontal="true"），不过运行初始页面应该正常的，反而视频播映后android videoview，该模组就偏重了前面；

2、播映过程中会有功能的控制栏出现在下方，可以点击进行视屏的播映控制，反而在试验很不平稳，出现一两秒就会消逝；

针对第一个问题，查了一些档案，有人说是因为默认情形下，或者视频分辨率小于设备的屏幕分辨率，VideoView在播放视频时都是在左上角表明的，将VideoView组件的gravity属性设置为center即可。但是在xml文档及UI编辑属性栏均没有找到VideoView组件有该特性，明明和版本有关？也有人说和上层的Player有关，并且没有进行替换检测，但好像这个因素比较可靠。至于第二个问题，暂时没有找到合理的表述，以前继续找吧。

有明白真实原因的大神，欢迎一起讨论啊！

本文来自电脑杂谈，转载请注明本文网址：
http://www.pc-fly.com/a/bofangqi/article-119127-1.html