锐客网

  1. 首页 > 睿知 > it技术 > >

Android VideoView播放网络视频简介（转）

IT知识videoview网络视频

生也有涯，知也无涯。这篇文章主要讲述Android VideoView播放网络视频简介（转）相关的知识，希望能为你提供帮助。
最近项目中用到了很多视频播放的地方，不管是聊天发送的视频消息，还是类似内涵段子的视频列表，都会涉及这些知识，不过网上的知识都很零散，一会找缓存方法，一会找预览图片的方法，一会找视频动态修改尺寸的方法，总之找的人好烦，所以自己写一篇来记录这些知识点，也方便别人查阅
获取视频首帧当预览图（MediaMetadataRetriever）
在VideoView中，如果直接设置播放路径，然后seekTo(1)当然也能产生预览效果，但是，如果VideoView较多，设置播放路径的方法会产生几个问题，设置路径后VideoView会取网上拉取视频（缓冲池大小），这样造成流量浪费，而且，多个VideoView会造成显示首帧非常非常慢，且有严重的卡顿
那如何解决这个问题，我的想法是，还是用首帧当预览图，不过我是在ImageView里面显示预览图，所以预览的时候不用VideoView了，获取预览图也是变的简单化，省流量，还快捷，下来我们了解下MediaMetadataRetriever类如何获取视频的首帧。MediaMetadataRetriever类不但可以获取视频首帧，还可以获取标题，时长，作者等信息，大家根据需要可以获取，我在这里就不一一举例，在获取到首帧后，我们做下缓存处理，以便下一次预览不用每次从网上拉取，然后用Glide加载显示
ThreadPoolUtils.execute(new Runnable() {
@Override
public void run() {
MediaMetadataRetriever retriever = new MediaMetadataRetriever();
Bitmap bitmap = null;
try {
//这里要用FileProvider获取的Uri
if (url.contains("http")) {
retriever.setDataSource(url, new HashMap< String, String> ());
} else {
retriever.setDataSource(url);
}
bitmap = retriever.getFrameAtTime();
} catch (Exception ex) {
ex.printStackTrace();
} finally {
try {
retriever.release();
} catch (RuntimeException ex) {
ex.printStackTrace();
}
}
showImageMessage(bitmap, positionTag, vv);
}
});
后记：其实还有一种办法来做预览显示，就是让后台将预览图处理好，然后拿到图片地址直接用Glide显示，都不用自己缓存，而且后台可以生成GIF，也可以用Glide显示，且显得高大上
预览图加载完毕后，点击预览图，然后我们可以做各种处理，如隐藏ImageView且显示VideoView，或者跳到视频播放界面等，各种加载逻辑大家可以发挥自己得想象
VideoView加载一个网络视频
VideoView加载视频其实很简单，我们直接看代码吧
< ?xml version="1.0" encoding="utf-8"?>
< LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical">

< VideoView
android:id="@+id/mVideoView"
android:layout_width="match_parent"
android:layout_height="match_parent"/>
< /LinearLayout>
/**
* 香港卫视：http://live.hkstv.hk.lxdns.com/live/hks/playlist.m3u8
* CCTV1高清：http://ivi.bupt.edu.cn/hls/cctv1hd.m3u8
* CCTV3高清：http://ivi.bupt.edu.cn/hls/cctv3hd.m3u8
* CCTV5高清：http://ivi.bupt.edu.cn/hls/cctv5hd.m3u8
* CCTV5+高清：http://ivi.bupt.edu.cn/hls/cctv5phd.m3u8
* CCTV6高清：http://ivi.bupt.edu.cn/hls/cctv6hd.m3u8
* 苹果提供的测试源（点播）：http://devimages.apple.com.edgekey.net/streaming/examples/bipbop_4x3/gear2/prog_index.m3u8
*/
private void initView() {
String url="http://ivi.bupt.edu.cn/hls/cctv6hd.m3u8";
VideoView videoView=findViewById(R.id.mVideoView);
videoView.setVideoPath(url);
videoView.requestFocus();
videoView.start();
}
这样一个网络视频就可以播放了
视频控件长宽的大小调整
视频是播放出来了，怎么看都有点不和谐，大白边框太丑了，那缩小吧，一不小心缩变形了，看起来更别扭，怎么才能按照视频的比例来显示呢？我们上面不是讲过MediaMetadataRetriever吗？我们可以根据获取的首帧图片的大小确定视频的大小，MediaMetadataRetriever还可以采用
【Android VideoView播放网络视频简介（转）】int videoWidth=retriever.METADATA_KEY_VIDEO_WIDTH;
int videoHeight=retriever.METADATA_KEY_VIDEO_HEIGHT;
来确定视频的大小。从而动态设置VideoView的大小，咦，设置那么大的控件，怎么才显示那么小的视频？哈哈，问题来了，小视频怎么动态适配控件大小？
小视频适配大控件（动态调整视频显示的大小）
不说原理了，我也是百度的，普通的LayoutParams只能调整控件的大小，当视频比控件小时，视频只能显示大默认大小，可是怎么来调整呢？请看代码↓
自定义VideoView控件CustomVideoView.java
/**
* @authorCreated by MrRight on 2017/10/24.
*/
public class CustomVideoView extends VideoView{
private Context mContext;
final int defaultHeight=200; //单位DP

public CustomVideoView(Context context) {
super(context);
mContext=context;
}

public CustomVideoView(Context context, AttributeSet attrs) {
super(context, attrs);
mContext=context;
}

public CustomVideoView(Context context, AttributeSet attrs, int defStyleAttr) {
super(context, attrs, defStyleAttr);
mContext=context;
}

//widthMeasureSpec 和 heightMeasureSpec的值 由父容器决定
@Override
protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
super .onMeasure(widthMeasureSpec,heightMeasureSpec);
// 默认高度，为了自动获取到focus
int width = MeasureSpec.getSize(widthMeasureSpec);
int height = width;
// 这个之前是默认的拉伸图像
if (this.width > 0 & & this.height > 0) {
width = this.width;
height = this.height;
}
setMeasuredDimension(width, height);
}


private int width,height;

public void setMeasure(int width, int height) {
this.width = width;
this.height = height;
}
}
怎么用呢！！很简单，继续看代码↓
videoViewParent.post(new Runnable() {
@Override
public void run() {
int[] widthAndHeight=getWidthAndHeight(holder.videoViewParent,dynamicsBean.getWeight(),dynamicsBean.getHeight());
videoView.getHolder().setFixedSize(widthAndHeight[0], widthAndHeight[1]);
// 重绘VideoView大小，这个方法是在重写VideoView时对外抛出方法
videoView.setMeasure(widthAndHeight[0], widthAndHeight[1]);
// 请求调整
videoView.requestLayout();
}
});
就这样，视频可以按你的需求行进动态调整了！！
VideoView的常用监听和作用
VideoView有好多监听，真的是好多，许多监听是重复的，至于怎么重复的？为什么重复？有兴趣的自己去看看！首先看第一个非常重要的一个监听：点击事件和双击事件的监听，你们有没有试过设置OnClick事件？是不是没有什么用啊？没用就对了，点击事件的正确姿势是↓↓↓
/*
* 对VideoView setOnClickListener时，发现无效，搜索一番后找到解决方案；
* 同时监听VideoView的点击双击和滑动事件，通过对VideoView的OnTouchListener设置进行监听，
* 首先实例化一个手势识别器，并返回它的onTouchEvent。
* 然后初始化GestureDetector ，这里面有一个坑，如果单纯的设置OnGestureListener，发现当onDown的返回值为true的
* 时候可以响应单击长摁和滑动事件，为false的时候只会响应长摁事件；如果想要监听双击事件，就要对GestureDetector设
* 置OnDoubleTapListener，需要注意的的是，在OnGestureListener的onDown返回值为false的时候OnDoubleTapListener
* 里面所有的回调是不会去响应的
*/
holder.videoView.setOnTouchListener(new View.OnTouchListener() {
GestureDetector mGesture;
@Override
public boolean onTouch(View v, MotionEvent event) {
if (mGesture == null) {
mGesture = new GestureDetector(context, new GestureDetector.SimpleOnGestureListener() {
@Override
public boolean onDown(MotionEvent e) {
//返回false的话只能响应长摁事件
return true;
}

@Override
public void onLongPress(MotionEvent e) {
super.onLongPress(e);
}

@Override
public boolean onScroll(MotionEvent e1, MotionEvent e2, float distanceX, float distanceY) {
return super.onScroll(e1, e2, distanceX, distanceY);
}
});
mGesture.setOnDoubleTapListener(new GestureDetector.OnDoubleTapListener() {
@Override
public boolean onSingleTapConfirmed(MotionEvent e) {
controlLayoutShowAndHiden(holder.controlLayout,holder.cancheImage);
return true;
}

@Override
public boolean onDoubleTap(MotionEvent e) {
return true;
}

@Override
public boolean onDoubleTapEvent(MotionEvent e) {
return false;
}
});
}

return mGesture.onTouchEvent(event);
}
});
OK！点击事件看完之后，我们看下剩下的其他的监听方法，剩下的比较简单，光看名字就知道是干什么用的，我们只写下方法和作用，不再赘述
videoView.setOnErrorListener(new MediaPlayer.OnErrorListener() {
@Override
public boolean onError(MediaPlayer mp, int what, int extra) {
if(what==MediaPlayer.MEDIA_ERROR_UNKNOWN //未指定的媒体播放器错误。
||what==MediaPlayer.MEDIA_ERROR_SERVER_DIED //媒体服务器死了。在这种情况下，应用程序必须释放
||what==MediaPlayer.MEDIA_ERROR_NOT_VALID_FOR_PROGRESSIVE_PLAYBACK//视频流，其容器对逐行扫描无效。
||what==MediaPlayer.MEDIA_ERROR_MALFORMED//文件或网络操作错误
||what==MediaPlayer.MEDIA_ERROR_UNSUPPORTED//比特流符合相关的编码标准或文件规范，但 媒体框架不支持该功能。
||what==MediaPlayer.MEDIA_ERROR_TIMED_OUT//超时
||what==MediaPlayer.MEDIA_ERROR_IO){ //IO刘错误
if(controlImageBig.getVisibility()==View.VISIBLE){
controlImageBig.setBackgroundResource(R.drawable.vodeo_retry);
}
}
return true; //如果设置true就可以防止他弹出错误的提示框！
}
});


videoView.setOnInfoListener(new MediaPlayer.OnInfoListener() {
@Override
public boolean onInfo(MediaPlayer mp, int what, int extra) {
if (what==MediaPlayer.MEDIA_INFO_VIDEO_RENDERING_START){
controlImageBig.setVisibility(View.GONE);
cancheImage.setVisibility(View.GONE);
controlImageBig.setBackgroundResource(R.drawable.eventdynamics_play_big);
}
LogUtils.i(TAG," extra is "+extra
+" what is "+what);
return false;
}
});


videoView.setOnPreparedListener(new MediaPlayer.OnPreparedListener() {
@Override
public void onPrepared(MediaPlayer mp) {
Log.d(TAG,"onPrepared methmod is called and position is "+position);
int duration=holder.videoView.getDuration();
totleTime.setText(intTimeToString(duration));
seekBar.setMax(duration);
videoViewParent.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View v) {
controlLayoutShowAndHiden(holder.controlLayout,holder.cancheImage);
}
});
}
});


videoView.setOnCompletionListener(new MediaPlayer.OnCompletionListener() {
@Override
public void onCompletion(MediaPlayer mp) {
threadPoolUtils.shutDownNow();
if(cancheImage.getVisibility()==View.GONE){
cancheImage.setVisibility(View.VISIBLE);
}
if(controlImageBig.getVisibility()==View.GONE){
controlImageBig.setVisibility(View.VISIBLE);
}
playControl.setImageResource(R.drawable.eventdynamics_play);
seekBar.setProgress(0);
}
});
好了，大概就这么多，后续有新东西还会持续更新，大家有什么好的建议也可以留言交流
---------------------
作者：baoolong
来源：CSDN
原文：https://blog.csdn.net/baoolong/article/details/79607393
版权声明：本文为博主原创文章，转载请附上博文链接！












































































































































































































































    推荐阅读


    上一篇：mapper.xml文件中标签没有提示的解决

    下一篇：Unexpected directive &#39;XXX&#39; imported by the module &#39;AppMoode&#39;