Android 学习笔记之SurfaceView的使用+如何实现视频播放...
学习内容:
1.掌握Surface的使用...
2.Android中如何实现视频播放...
1.SurfaceView类的使用
在Android中,一般播放音频时我们可以去使用Android提供的MediaPlayer类,但是想要播放视频仅仅依靠MediaPlayer类是远远不够的...这里还需要使用到一个SurfaceView这个组件来完成..为什么?因为像视频和SD图形等都需要迅速的更新...如果这个更新实在主线程内去完成,那么显然是不合理的,因为一个视频的播放,系统会首先确定视频的格式,然后得到视频的编码..然后对编码进行解码,得到一帧一帧的图像,最后在画布上进行迅速更新...这就是视频播放的机制...那么这个过程显然我们需要在另外一个线程内部去完成...这样主线程的其他内容,比如说其他的渲染操作,图片加载什么的,就不会导致主线程阻塞...这样我们就可以使用SurfaceView来完成...
SurfaceView继承了View类,也是属于视图的一部分...SurfaceView视图内嵌了一个专门用于绘制的Surface...其实每一个Surface都在每一个窗口的后面,我们可以通过SurfaceView类来控制哪些Surface的内容可以显示出来...其实说白了它的作用就是可以直接从内存或者是DMA硬件里获取图像数据...将这些图像数据迅速的显示出来,通过启动另外一个线程可以迅速的完成画面的更新操作,不会导致主线程阻塞...这个在游戏开发中也是起着非常重要的作用...
SurfaceView使用双缓冲机制,这个机制可以使SurfaceView同时对两张图片进行渲染操作...其实目的也是为了迅速更新图片的显示,第一个缓冲对这一帧进行解析,第二个会对下一帧进行解析...这样就可以避免在上一帧的图片显示完成后,下一帧的图片还没有进行显示的情况发生...这样就可以流畅的播放一个视频文件...
SurfaceView的实现...
首先需要一个类去继承这个类,然后实现SurfaceHolder.Callback()接口...使用这个接口的目的就是在Android中,SurfaceView的双缓冲机制是非常消耗资源的,因此Android规定,在SurfaceView可见的时候,SurfaceView会对文件进行解析并显示,当其不可见时,要直接销毁掉SurfaceView以节省资源...那么这个接口的目的就是形成这个过程...
需要重写的方法
(1)public void surfaceChanged(SurfaceHolder holder,int format,int width,int height){}
//在surface的大小发生改变时激发
(2)public void surfaceCreated(SurfaceHolder holder){}
//在创建时激发,一般在这里调用画图的线程。然后画图的工作开始...
(3)public void surfaceDestroyed(SurfaceHolder holder) {}
//销毁时激发,一般在这里将画图的线程停止、释放。
这三个方法就形成了上述说的那种关系...在视频的播放当中,它会结合MediaPlayer完成视频的流畅播放..而在游戏的开发当中,它可以结合Canvas元素来完成游戏中的一些画面迅速更新的操作...
总而言之,SurfaceView就是一个绘图的容器,它可以在不干扰主线程的情况下,调用另一个线程完成绘图的操作,并迅速的更新图像...以完成更好的显示效果....
这里来两个实例...一个是SurfaceView配合MediaPlayer完成视频的播放,另一个是结合Canvas完成一个图像在画布上显示出来...
1.结合Canvas完成图像在画布上的显示...
这里做了一个摩尔斯灯塔....什么是摩尔斯灯塔...这玩意其实在以前的战争中可以使用的到,这里有一个概念就是摩尔斯码...这个码就是将数字,字母等符号以"."和"-"的形式显示出来就是对文字的一种加密操作...出了可以发报文的形式,还可以以信号灯的形式来发送密报,然后另一方根据对应的信息进行解析...扯远了...
![](https://images.cnblogs.com/OutliningIndicators/ContractedBlock.gif)
a .- b -... c -.-. d -.. e . f ..-. g --. h .... i .. j .--- k -.- l .-.. m -- n -. o --- p .--. q --.- r .-. s ... t - u ..- v ...- w .-- x -..- y -.-- z --.. 0 ----- 1 .---- 2 ..--- 3 ...-- 4 ....- 5 ..... 6 -.... 7 --... 8 ---.. 9 ----. . .-.-.- - -....- , ..--.. / -..- ; -.-.-. ( -.--. ) -.--. @ .--.- * ...-.- + .-.-. % .-... ! =---. $ ...-..-
这上面的就是摩尔斯码...我写在了txt文档当中...为了方便...但是我们需要注意一个地方就是我们在读取txt文档的时候,一定要把txt文档的对应内容拷贝到res/asset文件夹下面...或者是放在模拟器的内存卡中...千万别放在本地文件...因为Android的资源加载全在res文件夹下面或者是内存卡中,本地文件在正常的java程序中是可以读到的,但是在Android是一定读不到的..这个我已经试过,被坑3小时...因此这点需要注意....
![](https://images.cnblogs.com/OutliningIndicators/ContractedBlock.gif)
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" android:id="@+id/layout_1" xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_parent" android:layout_height="match_parent" android:paddingBottom="@dimen/activity_vertical_margin" android:paddingLeft="@dimen/activity_horizontal_margin" android:paddingRight="@dimen/activity_horizontal_margin" android:paddingTop="@dimen/activity_vertical_margin" tools:context=".MainActivity" > <EditText android:id="@+id/input" android:layout_height="wrap_content" android:layout_width="fill_parent" android:hint=""/> <Button android:id="@+id/translate" android:layout_width="fill_parent" android:layout_height="wrap_content" android:layout_below="@id/input" android:text="转换"/> <TextView android:id="@+id/show" android:layout_height="wrap_content" android:layout_width="fill_parent" android:layout_below="@id/translate" android:text="输出"/> <EditText android:id="@+id/output" android:layout_height="wrap_content" android:layout_width="fill_parent" android:layout_below="@id/show" android:enabled="false"/> <Button android:id="@+id/send" android:layout_height="wrap_content" android:layout_width="fill_parent" android:layout_below="@id/output" android:text="发送"/> </RelativeLayout>
布局文件非常简单..看看就行....然后就是如何使用SurfaceView和Canvas的结合使用....在没有Canvas的基础下,还是去脑补一下Canvas。。。
package com.example.mouse; import java.util.HashMap; import java.util.Scanner; import android.os.Bundle; import android.app.Activity; import android.content.Context; import android.graphics.Canvas; import android.graphics.Color; import android.graphics.Paint; import android.view.Menu; import android.view.SurfaceHolder; import android.view.SurfaceView; import android.view.View; import android.widget.EditText; import android.widget.RelativeLayout; public class MainActivity extends Activity implements View.OnClickListener { public static HashMap<String, String> map = new HashMap<String, String>(); private EditText input; private EditText output; private char chars[]; private RelativeLayout layout; private boolean flag = false; private boolean loop = false; int count; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); input = (EditText) findViewById(R.id.input); output = (EditText) findViewById(R.id.output); findViewById(R.id.translate).setOnClickListener(this); findViewById(R.id.send).setOnClickListener(this); layout= (RelativeLayout) findViewById(R.id.layout_1);//获取布局的id... } @Override public boolean onCreateOptionsMenu(Menu menu) { // Inflate the menu; this adds items to the action bar if it is present. getMenuInflater().inflate(R.menu.main, menu); return true; } @Override public void onClick(View v) { // TODO Auto-generated method stub switch (v.getId()) { case R.id.translate: try { Scanner in = new Scanner(getResources().getAssets().open( "morce.txt"));//获取资源文件morce.txt文件内部的内容... while (in.hasNextLine()) { String str = in.nextLine(); String abc[] = str.trim().split("[\\p{Space}]+"); map.put(abc[0], abc[1]);//定义了一个HashMap<String,String>,以键值对的形式来保存内容... } map.put(" ", "/"); } catch (Exception e) { // TODO Auto-generated catch block e.printStackTrace(); } String text = Mouse.morcecode(input.getText().toString(), map);//对我们输入的字符进行匹配..来完成加密操作... output.setText(text); break; case R.id.send: if (output.getText() != null && output.getText().toString().length() > 0) { chars = output.getText().toString().toCharArray(); count = chars.length; LightView light = new LightView(MainActivity.this); layout.addView(light);//将画布的绘画内容加载到布局中.... } } } class LightView extends SurfaceView {//定义一个类继承SurfaceView类... SurfaceHolder holder; public LightView(Context context) { // TODO Auto-generated constructor stub super(context); holder = this.getHolder();//调用getHolder()来获取SurfaceHolder对象.. holder.addCallback(new SurfaceHolder.Callback() {//实现接口... class LightThread implements Runnable {//内部定义异步线程来完成绘画操作... @Override public void run() { // TODO Auto-generated method stub while (loop) { if (count > 0) { String s = String.valueOf(chars[chars.length - count]); Canvas canvas = holder.lockCanvas(null);//锁定画布... Paint paint = new Paint(); paint.setAntiAlias(true);//去掉锯齿.. paint.setColor(Color.BLACK);//画布的颜色为黑色... canvas.drawRect(0, 0, 480, 480, paint); //下面这个是对报文的每一个字节解析以信号灯的形式显示出来... if (flag) { paint.setColor(Color.BLACK); } else { if (s.equalsIgnoreCase(".")) { sleep(2); paint.setColor(Color.YELLOW); } else if (s.equalsIgnoreCase("-")) { sleep(4); paint.setColor(Color.YELLOW); } else if (s.equalsIgnoreCase(" ")) { sleep(2); paint.setColor(Color.BLACK); } else if (s.equalsIgnoreCase("/")) { sleep(2); paint.setColor(Color.BLACK); } count--; } canvas.drawCircle(250.0f, 200.0f, 100, paint);//画出一个圆用来显示信号... flag = !flag; holder.unlockCanvasAndPost(canvas);//解除锁定 } } } public void sleep(int time) { try { Thread.sleep(time * 80); } catch (InterruptedException e) { // TODO Auto-generated catch block e.printStackTrace(); } } } @Override public void surfaceDestroyed(SurfaceHolder holder) { // TODO Auto-generated method stub loop = false; } @Override public void surfaceCreated(SurfaceHolder holder) { // TODO Auto-generated method stub new Thread(new LightThread()).start(); } @Override public void surfaceChanged(SurfaceHolder holder, int format, int width, int height) { // TODO Auto-generated method stub } }); loop = true; } } }
这样就完成了对输入的文本以摩尔斯码的形式进行加密操作....很简单的一个小东西....
2.SurfaceView与MediaPlayer的结合操作....
<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:orientation="vertical" tools:context=".MainActivity" > <TextView android:id="@+id/info" android:layout_height="wrap_content" android:layout_width="fill_parent" android:text="等待播放"/> <LinearLayout android:orientation="horizontal" android:layout_height="wrap_content" android:layout_width="wrap_content"> <ImageButton android:id="@+id/play" android:layout_height="wrap_content" android:layout_width="wrap_content" android:src="@drawable/play"/> <ImageButton android:id="@+id/pause" android:layout_height="wrap_content" android:layout_width="wrap_content" android:src="@drawable/pause"/> <ImageButton android:id="@+id/stop" android:layout_height="wrap_content" android:layout_width="wrap_content" android:src="@drawable/stop"/> </LinearLayout> <SeekBar android:id="@+id/seekbar" android:layout_height="wrap_content" android:layout_width="fill_parent"/> <SurfaceView android:id="@+id/surface_1" android:layout_height="fill_parent" android:layout_width="fill_parent"/> </LinearLayout>
一个简单的布局文件...三个图片按钮...一个进度条和一个表面视图....
package com.example.exam7_2; import java.io.IOException; import android.media.MediaPlayer; import android.media.MediaPlayer.OnCompletionListener; import android.os.AsyncTask; import android.os.Bundle; import android.app.Activity; import android.view.Menu; import android.view.SurfaceHolder; import android.view.SurfaceView; import android.view.View; import android.widget.SeekBar; import android.widget.TextView; public class MainActivity extends Activity implements View.OnClickListener, SeekBar.OnSeekBarChangeListener{ private MediaPlayer media; private boolean playflag=true; private boolean pauseflag=false; private SeekBar seekbar=null; private TextView tv; private SurfaceView suf=null; private SurfaceHolder sufh=null; @SuppressWarnings("deprecation") @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); tv=(TextView) findViewById(R.id.info); findViewById(R.id.play).setOnClickListener(this); findViewById(R.id.pause).setOnClickListener(this); findViewById(R.id.stop).setOnClickListener(this); suf=(SurfaceView) findViewById(R.id.surface_1); sufh=suf.getHolder(); //获取SurfaceHolder。。。 seekbar=(SeekBar) findViewById(R.id.seekbar); sufh.setType(SurfaceHolder.SURFACE_TYPE_PUSH_BUFFERS);//设置SurfaceView的类型... media=new MediaPlayer(); try { media.setDataSource("/sdcard/test.3gp");//这里需要把想要播放的文件拷贝到模拟器的sd卡中去... } catch (Exception e) { // TODO Auto-generated catch block e.printStackTrace(); } } private class updateseekbar extends AsyncTask<Integer, Integer, String>{//AsyncTask的使用... protected void onPostExecute(String result){} protected void onProgressUpdate(Integer...progress){ seekbar.setProgress(progress[0]); } @Override protected String doInBackground(Integer... params) { // TODO Auto-generated method stub while(MainActivity.this.playflag){ try { Thread.sleep(params[0]); } catch (InterruptedException e) { // TODO Auto-generated catch block e.printStackTrace(); } this.publishProgress(MainActivity.this.media.getCurrentPosition()); } return null; } } @Override public boolean onCreateOptionsMenu(Menu menu) { // Inflate the menu; this adds items to the action bar if it is present. getMenuInflater().inflate(R.menu.main, menu); return true; } @Override public void onClick(View v) { // TODO Auto-generated method stub switch(v.getId()){ case R.id.play: { MainActivity.this.media.setOnCompletionListener(new OnCompletionListener() { @Override public void onCompletion(MediaPlayer arg0) { // TODO Auto-generated method stub playflag=false; media.release(); } }); seekbar.setMax(MainActivity.this.media.getDuration()); updateseekbar update=new updateseekbar(); //执行者execute update.execute(1000); seekbar.setOnSeekBarChangeListener(this); if(MainActivity.this.media!=null){ MainActivity.this.media.stop(); } try { MainActivity.this.media.prepare(); MainActivity.this.media.start(); tv.setText("正在播放文件..."); } catch (Exception e) { // TODO Auto-generated catch block tv.setText("文件出现异常..."); e.printStackTrace(); } break; } case R.id.pause: if(media!=null){ if(pauseflag){ media.start(); pauseflag=false; }else{ media.pause(); pauseflag=true; } } break; case R.id.stop: if(media!=null){ media.stop(); tv.setText("停止播放文件..."); } break; } } @Override public void onProgressChanged(SeekBar seekBar, int progress, boolean fromUser) { // TODO Auto-generated method stub } @Override public void onStartTrackingTouch(SeekBar seekBar) { // TODO Auto-generated method stub } @Override public void onStopTrackingTouch(SeekBar seekBar) { // TODO Auto-generated method stub media.seekTo(seekbar.getProgress()); } }
这样就完成了MediaPlayer和SurfaceView的配合使用...完成了视频的播放...同时添加了一个进度条来控制播放的进度...