使用VideoView开发视频播放器

最新推荐文章于 2024-08-20 08:58:24 发布
最新推荐文章于 2024-08-20 08:58:24 发布
阅读量2.7k 收藏 1
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/wanzhuanit/article/details/44593741
版权

由于公司项目需要自己写播放器，于是用VideoView写了个，废话不多说，直接进入主题。 首先介绍播放器的主界面 

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical" >

    <RelativeLayout
        android:id="@+id/vv_RelativeLayout"
        android:layout_width="fill_parent"
        android:layout_height="320dp" >

        <com.example.vediotest.FullScreenVideoView
            android:id="@+id/surface_view"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:layout_centerHorizontal="true"
            android:layout_centerVertical="true" />

        <LinearLayout
            android:id="@+id/vv_progress_message"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_centerInParent="true"
            android:orientation="horizontal"
            android:visibility="gone" >

            <ProgressBar
                android:layout_width="wrap_content"
                android:layout_height="wrap_content" />

            <TextView
                android:id="@+id/vv_show_message"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_gravity="center_vertical"
                android:text="正在加载..." />
        </LinearLayout>

        <RelativeLayout
            android:id="@+id/vv_layout"
            android:layout_width="fill_parent"
            android:layout_height="fill_parent"
            android:visibility="invisible" >

            <Button
                android:id="@+id/vv_start"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_centerInParent="true"
                android:background="@drawable/play" />

            <RelativeLayout
                android:layout_width="fill_parent"
                android:layout_height="wrap_content"
                android:layout_alignParentBottom="true" >

                <TextView
                    android:id="@+id/vv_current_time"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:text="00:00"
                    android:textColor="#ffffffff" />

                <Button
                    android:id="@+id/vv_fullscreen"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:layout_alignParentRight="true"
                    android:text="全屏" />

                <TextView
                    android:id="@+id/vv_end_time"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:layout_toLeftOf="@id/vv_fullscreen"
                    android:text="00:00"
                    android:textColor="#ffffffff" />

                <SeekBar
                    android:id="@+id/vv_seekbar"
                    android:layout_width="fill_parent"
                    android:layout_height="wrap_content"
                    android:layout_toLeftOf="@id/vv_end_time"
                    android:layout_toRightOf="@id/vv_current_time"
                    android:progress="20"
                    android:secondaryProgress="40" />
            </RelativeLayout>
        </RelativeLayout>

        <FrameLayout
            android:id="@+id/operation_volume_brightness"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_centerInParent="true"
            android:background="#00000000"
            android:orientation="horizontal"
            android:padding="0dip"
            android:visibility="invisible" >

            <ImageView
                android:id="@+id/operation_bg"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_gravity="center"
                android:src="@drawable/video_volumn_bg" />

            <FrameLayout
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_gravity="bottom|center_horizontal"
                android:paddingBottom="25dip" >

                <ImageView
                    android:id="@+id/operation_full"
                    android:layout_width="94dip"
                    android:layout_height="wrap_content"
                    android:layout_gravity="left"
                    android:src="@drawable/video_num_bg" />

                <ImageView
                    android:id="@+id/operation_percent"
                    android:layout_width="0dip"
                    android:layout_height="wrap_content"
                    android:layout_gravity="left"
                    android:scaleType="matrix"
                    android:src="@drawable/video_num_front" />
            </FrameLayout>
        </FrameLayout>
    </RelativeLayout>

</RelativeLayout>
以上是播放器的主界面，主要包括  自定义视频播放界面 <span style="font-family: 'Source Code Pro', monospace; font-size: 0.9em;">com.example.vediotest.FullScreenVideoView  播放暂停按钮  、 当前播放进度、视频总时间、进度条、手势改变音量和亮度大小、全屏切换、载入视频及缓冲提示loading.</span>
下面介绍 视频播放代码 

<pre name="code" class="java">Uri uri = Uri.parse("http://ignhdvod-f.akamaihd.net/i/assets.ign.com/videos/zencoder/,"
						+ "416/d4ff0368b5e4a24aee0dab7703d4123a-110000,640/d4ff0368b5e4a24aee0dab7703d4123a-500000,"
						+ "640/d4ff0368b5e4a24aee0dab7703d4123a-1000000,960/d4ff0368b5e4a24aee0dab7703d4123a-2500000,"
						+ "1280/d4ff0368b5e4a24aee0dab7703d4123a-3000000,-1354660143-w.mp4.csmil/master.m3u8");		
mVideoView.setVideoURI(uri);
mVideoView.requestFocus();
mVideoView.start();


 这个是视频播放的原理代码,逻辑实现可自己定义。 

 

另外不得不说的是视频播放器VideoView的几个监听类
 

 

		mVideoView.setOnErrorListener(this);//视频播放出现错误时

		mVideoView.setOnPreparedListener(this);//视频准备监听类
<span style="white-space:pre">		</span>/**
		 * 视频播放完成
		 */
		mVideoView.setOnCompletionListener(new OnCompletionListener() {

			@Override
			public void onCompletion(MediaPlayer mp) {
				// TODO Auto-generated method stub
				Log.i("123", "onCompletion");
			}
		});
<span style="white-space:pre">		</span>/**
		 * 视频播放过程中信息，比如出现缓冲状态，我们可以在这里进行监听
		 */
		mVideoView.setOnInfoListener(new OnInfoListener() {
			public boolean onInfo(MediaPlayer mp, int what, int extra) {
				if (what == MediaPlayer.MEDIA_INFO_BUFFERING_START) {
					mProgressBar.setVisibility(View.VISIBLE);
					Log.i("123", "缓冲中...." + mVideoView.getBufferPercentage());
				} else if (what == MediaPlayer.MEDIA_INFO_BUFFERING_END) {
					// 此接口每次回调完START就回调END,若不加上判断就会出现缓冲图标一闪一闪的卡顿现象
					if (mp.isPlaying()) {
						mProgressBar.setVisibility(View.GONE);
						Log.i("123",
								"缓冲完成..." + mVideoView.getBufferPercentage());
					}
				}
				return true;
			}
		});


@Override
	public boolean onError(MediaPlayer mp, int what, int extra) {
		// TODO Auto-generated method stub
		Log.i("123", "播放出错");
		return false;
	}

@Override
	public void onPrepared(MediaPlayer mp) {
		// TODO Auto-generated method stub
		mediaPlayer = mp;
		Log.i("123", "onPrepared");
		mProgressBar.setVisibility(View.GONE);
		mVideoView.start();
		mStart.setBackgroundResource(R.drawable.pause);
}
在进行全屏切换过程中的时候 我们在使用onConfigurationChanged ，看到网上有在OnStart()和onResume()总切换，试了下 效果不好，下面附上代码 

 

 

<pre name="code" class="java">	@Override
	public void onConfigurationChanged(Configuration newConfig) {
		if (getRequestedOrientation() == ActivityInfo.SCREEN_ORIENTATION_LANDSCAPE) {
			/**
			 * 改变窗口,去掉Title
			 */
			WindowManager.LayoutParams mParams = getWindow().getAttributes();
			mParams.flags |= WindowManager.LayoutParams.FLAG_FULLSCREEN;
			getWindow().setAttributes(mParams);
			getWindow().addFlags(
					WindowManager.LayoutParams.FLAG_LAYOUT_NO_LIMITS);
			RelativeLayout.LayoutParams params = new RelativeLayout.LayoutParams(
					LinearLayout.LayoutParams.FILL_PARENT,
					LinearLayout.LayoutParams.FILL_PARENT);
			mRelativeLayout.setLayoutParams(params);//重新定义播放器界面大小

		} else {
			WindowManager.LayoutParams mParams = getWindow().getAttributes();
			mParams.flags &= (~WindowManager.LayoutParams.FLAG_FULLSCREEN);
			getWindow().setAttributes(mParams);
			getWindow().clearFlags(
					WindowManager.LayoutParams.FLAG_LAYOUT_NO_LIMITS);
			RelativeLayout.LayoutParams params = new RelativeLayout.LayoutParams(
					LinearLayout.LayoutParams.FILL_PARENT, 400);
			mRelativeLayout.setLayoutParams(params);

		}
		super.onConfigurationChanged(newConfig);
	}

 

 

 

 

 在使用这个时候 一定要修改Manifest中activity的configChanges  

 

添加android:configChanges="orientation|keyboard|keyboardHidden|screenSize"
 

如下
 

 <activity
            android:name="com.example.vediotest.VideoPlyerActivity"
            android:configChanges="orientation|keyboard|keyboardHidden|screenSize"
            android:label="@string/app_name" >
            <intent-filter>
                <action android:name="android.intent.action.MAIN" />

                <category android:name="android.intent.category.LAUNCHER" />
            </intent-filter>
        </activity>
如不加 
 onConfigurationChanged 方法不能触发 

 

以上就是播放器的原理及部分代码，本人不善言辞，如有错误，请帮忙指正批评，谢谢！
 


 
 

源码下载请移步 播放器源码
 

本文属于原创，若转载 请说明
 
 

                

        

        

    

  


    

      

        

            

              
                
                  迷途小顽童
                
              
            

            

                关注
              
            

        

        

          
      

      









                



	

		

			

				
					
Android基础之ColorMatrix、SoundPool、VideoView、VideoView、传感器等

				
			

			

				

					zk的博客
				

				

					08-01
					
					211
					
				

			

		

		

			
				
ColorMatrix的使用

Android系统中提供一个用于调整颜色的矩阵ColorMatrix



public class MainActivity extends Activity {
    private SeekBar seekBar;
    private ImageView iv;
    private Canvas canvas;
    private Paint p...

			
		

	



                

            
              



	

		

			

				
					
vedioView设置全屏的方法

				
			

			

				

					专注Android开发
				

				

					04-26
					
					2308
					
				

			

		

		

			
				
第一种方式

this.getWindow().setFlags(WindowManager.LayoutParams.FLAG_FULLSCREEN,

                WindowManager.LayoutParams.FLAG_FULLSCREEN);

requestWindowFeature(Window.FEATURE_NO_TITLE);

 get

			
		

	



              


  
              

                


	

		

			

				
					
全屏视频视图库(FullscreenVideoView)使用指南

					
最新发布

				
			

			

				

					gitblog_00255的博客
				

				

					08-20
					
					327
					
				

			

		

		

			
				
全屏视频视图库(FullscreenVideoView)使用指南
 FullscreenVideoViewAn Android Library to replace VideoView with Fullscreen feature项目地址:https://gitcode.com/gh_mirrors/fu/FullscreenVideoView 项目介绍
FullscreenVideoView ...

			
		

	





	

		

			

				
					
Android屏幕适配全攻略(最权威的官方适配指导)

				
			

			

				

					zr163的专栏
				

				

					05-05
					
					3154
					
				

			

		

		

			
				
转载请注明出处：http://blog.csdn.net/zhaokaiqiang1992


Android的屏幕适配一直以来都在折磨着我们这些开发者，本篇文章以Google的官方文档为基础，全面而深入的讲解了Android屏幕适配的原因、重要概念、解决方案及最佳实践，我相信如果你能认真的学习本文，对于Android的屏幕适配，你将有所收获！






Android屏幕适

			
		

	



		

			
		



	

		

			

				
					
android 设置全屏的两种方法

				
			

			

				

					09-04
				

			

		

		

			
				
现在android的每一个项目都会需要设置为全屏，现在介绍两种设置为全屏的方式

			
		

	





	

		

			

				
					
E4A simple music player.zip_APK_MUSICPLAY_E4A_E4A播放器_e4a作音乐播放_e4

				
			

			

				

					07-14
				

			

		

		

			
				
E4A简单音乐播放器_ 源程序和APK_安卓程序_开发平台E4A5.8

MyMuiscPlay05.e4a
调试版_MyMuiscPlay004.apk

			
		

	





	

		

			

				
					
Android多媒体之VideoView视频播放器

				
			

			

				

					08-31
				

			

		

		

			
				
在Android开发中，VideoView是Android多媒体框架的一部分，它提供了一种简单的方式来嵌入和播放视频内容。VideoView继承自SurfaceView，它处理了视频解码和显示的复杂性，让开发者可以专注于视频播放的控制逻辑。...

			
		

	





	

		

			

				
					
VideoView自定义视频播放器开发详解

				
			

			

				

					
				

			

		

		

			
				
本文主要介绍了基于VideoView自定义控制面板的视频播放器的实现方法，包括VideoView封装视频播放工具类、自定义视频控制面板和手势识别器的使用。下面是详细的知识点解释：  1. VideoView封装视频播放工具类  ...

			
		

	





	

		

			

				
					
VideoView实现视频播放器

				
			

			

				

					03-24
				

			

		

		

			
				
下面我们将深入探讨如何使用VideoView实现一个功能丰富的视频播放器。  1. **VideoView基本使用**  VideoView继承自SurfaceView，它提供了基本的视频播放、暂停、停止等操作。在XML布局文件中，你可以像其他视图一样...

			
		

	





	

		

			

				
					
Android开发：使用VideoView构建简单播放器

				
			

			

				

					
				

			

		

		

			
				
"本文主要介绍了如何在Android平台上使用VideoView控件来创建一个自定义的视频播放器。VideoView是Android SDK提供的一种方便的组件，用于在应用程序中播放视频内容。它支持从不同源加载视频，如资源或内容提供者，...

			
		

	





	

		

			

				
					
android VideoView MP4 视频播放器 实例源码

				
			

			

				

					08-16
				

			

		

		

			
				
在Android开发中，VideoView是Android SDK提供的一种用于在应用中播放视频的UI组件。它是一个可以嵌入到布局中的视图，支持多种视频格式，包括MP4，这是Android平台上最常用的视频格式之一。本实例将详细介绍如何...

			
		

	





	

		

			

				
					
E4A源码，很实用的影视软件

				
			

			

				

					03-08
				

			

		

		

			
				
最新E4A源码，很实用的影视软件，引流效果超好！  可以学习

			
		

	





	

		

			

				
					
某宝500元买的e4a 直播盒子源码

				
			

			

				

					10-26
				

			

		

		

			
				
某宝500元买的e4a 直播盒子源码，有兴趣的可以下载学习。

			
		

	





	

		

			

				
					
android使用videoview 全屏方法,Android中的VideoView实现全屏播放

				
			

			

				

					weixin_39852491的博客
				

				

					05-27
					
					3143
					
				

			

		

		

			
				
软硬件环境Macbook pro MGX 72红米Note增强版Android studio 1.0.2概述VideoView可以实现视频播放，结合MediaController也可以很好地实现播放控制，但是却无法全屏播放。本文介绍如何实现VideoView的全屏播放。编写VideoView的子类package com.macernow.djstava.videovideofullscreen;i...

			
		

	





	

		

			

				
					
自定义videoview实现全屏播放

				
			

			

				

					superyu1992的专栏
				

				

					06-08
					
					4188
					
				

			

		

		

			
				
最近的项目中需要横屏播放视频的功能，本来是想通过设置videoview宽高的方式来实现，不过后来发现效果不佳，遂决定自定义一个videoview来解决这个问题。
代码如下：
自定义view:
package com.sac.widget;

import android.R.integer;
import android.content.Context;
import android.uti

			
		

	





	

		

			

				
					
关于VideoView无法监听视频播放时缓冲或者卡顿状态的解决办法

					
热门推荐

				
			

			

				

					极客公园
				

				

					12-03
					
					2万+
					
				

			

		

		

			
				
首先在android使用系统自带播放器有三种实现方式：


1、使用其自带的播放器。指定Action为ACTION_VIEW,Data为Uri，Type为其MIME类型。

 

2、使用VideoView来播放。在布局文件中使用VideoView结合MediaController来实现对其控制。

 

3、使用MediaPlayer类和SurfaceView来实现。这种方

			
		

	





	

		

			

				
					
VideoView的事件监听

				
			

			

				

					adsdc的博客
				

				

					05-09
					
					9222
					
				

			

		

		

			
				
同时监听VideoView的点击双击和滑动事件，通过对VideoView的OnTouchListener设置进行监听，首先实例化一个手势识别器，返回它的onTouchEvent。
在设置GestureDetector的时候，如果单纯的通过设置OnGestureListener，在onDown的返回值为true的时候可以响应单击长摁和滑动事件，为false的时候只会响应长摁事件；如果想要监听双击事件，

			
		

	





	

		

			

				
					
在videoview中增加点击监听事件

				
			

			

				

					jikai9380的博客
				

				

					08-22
					
					4731
					
				

			

		

		

			
				
逻辑要求：点击屏幕任意空白处，暂停按钮出现，点击暂停按钮，视频暂停并出现播放按钮，同时调起隐藏的下拉框。

<ImageView
    android:id="@+id/pause_btn"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_c

			
		

	



              




          




        



    





    



      

      

        
      

      





	

		评论	
	

	
	




  

    

      添加红包
      
    

    

      

        
        

          
          
        

        
请填写红包祝福语或标题

      

      

        
        

          
          个
        

        
红包个数最小为10个

      

      

        
        

          
          元
        

        
红包金额最低5元

      

      

        
        

          当前余额3.43元
          前往充值 >
        

      

      

        

          需支付：10.00元
        

        
        
      

    

  





  

    
    
  

  

    
    
  








  

    

      

        

          

            
            
成就一亿技术人!

          

          

        

        

          

          

            领取后你会自动成为博主和红包主的粉丝
            规则
          

        

      

      

        

          

            
              
            
            

              
hope_wisdom
 发出的红包
            

          

        

        

          

          

          

        

      

    

    

  



      
      

      
实付元

      
使用余额支付

      

        

          

            
            点击重新获取
          

        

        
扫码支付

      

      

        
          
            
          
          
        
      

      

        
        钱包余额
          0
          

            
            

              

                
抵扣说明：

                
 1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
 2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

              

            

          

      

      余额充值