mediaplayer+surfaceview实现视频播放以及全屏窗口切换

最新推荐文章于 2022-05-26 00:10:41 发布
最新推荐文章于 2022-05-26 00:10:41 发布
阅读量5.2k 收藏 20
点赞数 9
分类专栏： 安卓 文章标签： android mediaplayer view动态-位置 类
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/u012560369/article/details/78021085
版权

  一.概述

  由于需求，要做一个视频播放demo并且能实现半屏与全屏互相切换的操作。网上看了很多，动不动就第三方框架的，感觉也没太大必要，于是自己试着写了个。
  1.1 效果如下:
       

  二.基本思路

 1.视频的半屏的播放，用mediaplayer+surfaceview来实现即可。
  2.按下全屏键，此时手机屏幕横屏，视频填充全屏播放
 3.全屏按返回键，或者后退操作，手机变成竖屏，视频半屏播放  

 所以，我们要横竖屏切换，activity的生命周期不重走。这是需要配置信息 
  android:configChanges="orientation|screenSize"
 <activity
            android:name=".MainActivity"
            android:label="@string/app_name" 
              android:configChanges="orientation|screenSize"
            >
            <intent-filter>
                <action android:name="android.intent.action.MAIN" />

                <category android:name="android.intent.category.LAUNCHER" />
            </intent-filter>
        </activity>
 

 三.具体代码如下

  
package com.maxence.mediaplayer.demo;

import java.io.IOException;
import android.annotation.SuppressLint;
import android.app.Activity;
import android.content.Context;
import android.content.pm.ActivityInfo;
import android.media.MediaPlayer;
import android.media.MediaPlayer.OnPreparedListener;
import android.os.Bundle;
import android.os.Handler;
import android.util.Log;
import android.view.KeyEvent;
import android.view.MotionEvent;
import android.view.SurfaceHolder;
import android.view.SurfaceView;
import android.view.View;
import android.view.View.OnClickListener;
import android.widget.Button;
import android.widget.FrameLayout;
import android.widget.ProgressBar;
import android.widget.RelativeLayout;

@SuppressLint("NewApi")
public class MainActivity extends Activity implements OnClickListener {

	private boolean ISPLAYING=false;
	private   boolean ISFULLSCREEN = false;
	private Button btn_full_screen;
	private Button btn_play_video;
	private Button btn_video_back;
	private ProgressBar pb_progressbar;
	private FrameLayout fl_group;
	private SurfaceView mSurfaceView;
	private MediaPlayer mMediaPlayer;
	private String videoUrl="http://183.59.160.61:30001/PLTV/88888905/224/3221227505/index.m3u8";
	@Override
	protected void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		setContentView(R.layout.activity_main);
		getActionBar().hide();
			initView();
			initData();
	}

	private void initData() {
		
		mMediaPlayer = new MediaPlayer();
		mSurfaceView.setKeepScreenOn(true);
		mSurfaceView.getHolder().addCallback(mCallback);
		mHandler.sendMessageDelayed(mHandler.obtainMessage(100), 3000);
	}
	
	@Override
	public boolean onKeyDown(int keyCode, KeyEvent event) {

		switch (keyCode) {
		case KeyEvent.KEYCODE_BACK:
				if(ISFULLSCREEN){   //全屏切换半屏  
					ISFULLSCREEN = false;
					setRequestedOrientation(ActivityInfo.SCREEN_ORIENTATION_PORTRAIT); // 手动横屏
					RelativeLayout.LayoutParams lp = new RelativeLayout.LayoutParams(RelativeLayout.LayoutParams.MATCH_PARENT,
							dp2px(MainActivity.this, 200));
					fl_group.setLayoutParams(lp);
					return true;
				}
				break;
		default:
			break;
		}
		return super.onKeyDown(keyCode, event);

	}
	
	/**
	 * dp2px  动态设置视频的宽高
	 * @param context
	 * @param dpValue
	 * @return
	 */
	 public static int dp2px(Context context, float dpValue) {
	        final float scale = context.getResources().getDisplayMetrics().density;

	        return (int) (dpValue * scale + 0.5f);
	    }
	
	 
	 /**
	  * 触摸屏幕 按键出现 
	  */
	public boolean onTouchEvent(android.view.MotionEvent event) {

		switch (event.getAction()) {
		case MotionEvent.ACTION_DOWN:
			btn_video_back.setVisibility(View.VISIBLE);
			btn_play_video.setVisibility(View.VISIBLE);
			btn_full_screen.setVisibility(View.VISIBLE);
			mHandler.sendEmptyMessageDelayed(100, 3000);
			break;

		default:
			break;
		}
		return true;
	};
	
	SurfaceHolder.Callback mCallback = new SurfaceHolder.Callback(){

		@Override
		public void surfaceCreated(SurfaceHolder holder) {
			if (videoUrl != null || !"".equals(videoUrl)) {
				new Thread(){
					public void run() {
						
						playVideo();
					};
				}.start();
			}
		}
		@Override
		public void surfaceChanged(SurfaceHolder holder, int format, int width, int height) {
			mMediaPlayer.setDisplay(holder);
		}
		@Override
		public void surfaceDestroyed(SurfaceHolder holder) {
			if (mMediaPlayer != null && mMediaPlayer.isPlaying()) {
				mMediaPlayer.stop();
				
				pb_progressbar.setVisibility(View.VISIBLE);
			}
		}
	};
	
	
	private void initView() {

		btn_full_screen = (Button) findViewById(R.id.btn_full_video);
		btn_play_video = (Button) findViewById(R.id.btn_play_video);
		btn_video_back = (Button) findViewById(R.id.btn_video_back);
		pb_progressbar = (ProgressBar) findViewById(R.id.pb_progressbar);
		fl_group = (FrameLayout) findViewById(R.id.fl_group);
		mSurfaceView = (SurfaceView) findViewById(R.id.sv_surfaceview_);
		
		btn_full_screen.setOnClickListener(this);
		btn_play_video.setOnClickListener(this);
		btn_video_back.setOnClickListener(this);
	}

	protected void playVideo() {
		
		try {
			mMediaPlayer.reset(); // 重置
			mMediaPlayer.setDataSource(videoUrl);
			  // 视频地址
			mMediaPlayer.setDisplay(mSurfaceView.getHolder()); // holder
			mMediaPlayer.setOnPreparedListener(new PreparedListener()); //
			
			mMediaPlayer.prepare();
		}catch (IOException e) {
					Log.e("918", e.toString());
				}
		
		
	}
	
	Handler mHandler=new Handler(){
		
		public void handleMessage(android.os.Message msg) {
		  	switch (msg.what) {
			case 100:    
				btn_full_screen.setVisibility(View.GONE);
				btn_play_video.setVisibility(View.GONE);
				btn_video_back.setVisibility(View.GONE);
				break;

			default:
				break;
			}
			 
		};
	};
	
	class PreparedListener implements OnPreparedListener {
		int postSize;
		@Override
		public void onPrepared(MediaPlayer mp) {
			Log.e("onPrepared", "----onPrepared");
			pb_progressbar.setVisibility(View.GONE); // 取消dialog
			btn_play_video.setBackgroundResource(R.drawable.icon_topause);
			if (mMediaPlayer != null) {
				ISPLAYING=true;
				mMediaPlayer.start(); // 播放
				mHandler.sendMessageDelayed(mHandler.obtainMessage(100), 3000);
			} else {
				return;
			}

		}
	}

	@Override
	public void onClick(View v) {
	   
		switch (v.getId()) {
		case R.id.btn_full_video:

			if (ISFULLSCREEN) { // 全屏转半屏

				ISFULLSCREEN = false;
				setRequestedOrientation(ActivityInfo.SCREEN_ORIENTATION_PORTRAIT); // 手动横屏
				RelativeLayout.LayoutParams lp = new RelativeLayout.LayoutParams(RelativeLayout.LayoutParams.MATCH_PARENT,
						dp2px(MainActivity.this, 200));
				fl_group.setLayoutParams(lp);

			} else { // 非全屏切换全屏
				ISFULLSCREEN = true;
				setRequestedOrientation(ActivityInfo.SCREEN_ORIENTATION_LANDSCAPE); // 手动横屏
				RelativeLayout.LayoutParams lp = new RelativeLayout.LayoutParams(RelativeLayout.LayoutParams.MATCH_PARENT,
						RelativeLayout.LayoutParams.MATCH_PARENT);
				fl_group.setLayoutParams(lp);
			}

			break;

		case R.id.btn_video_back:

			if (ISFULLSCREEN) { // 全屏转半屏

				ISFULLSCREEN = false;
				setRequestedOrientation(ActivityInfo.SCREEN_ORIENTATION_PORTRAIT); // 手动横屏
				RelativeLayout.LayoutParams lp = new RelativeLayout.LayoutParams(RelativeLayout.LayoutParams.MATCH_PARENT,
						dp2px(MainActivity.this, 200));
				fl_group.setLayoutParams(lp);

			}
			break;
		case R.id.btn_play_video:     
				if(ISPLAYING&&mMediaPlayer!=null){   //视频的播放与暂停
					mMediaPlayer.pause();
					ISPLAYING=false;
				
					btn_play_video.setBackground(getResources().getDrawable(R.drawable.icon_play));
				
				}else{
					
					btn_play_video.setBackground(getResources().getDrawable(R.drawable.icon_topause));
					mMediaPlayer.start();
					ISPLAYING=true;
			
				}
			
			break;

		default:
			break;
		}
	}
	
	
	
}
这个主页面代码。

横竖屏切换的代码如下： 
case R.id.btn_full_video:

			if (ISFULLSCREEN) { // 全屏转半屏

				ISFULLSCREEN = false;
				setRequestedOrientation(ActivityInfo.SCREEN_ORIENTATION_PORTRAIT); // 手动横屏
				RelativeLayout.LayoutParams lp = new RelativeLayout.LayoutParams(RelativeLayout.LayoutParams.MATCH_PARENT,
						dp2px(MainActivity.this, 200));
				fl_group.setLayoutParams(lp);

			} else { // 非全屏切换全屏
				ISFULLSCREEN = true;
				setRequestedOrientation(ActivityInfo.SCREEN_ORIENTATION_LANDSCAPE); // 手动横屏
				RelativeLayout.LayoutParams lp = new RelativeLayout.LayoutParams(RelativeLayout.LayoutParams.MATCH_PARENT,
						RelativeLayout.LayoutParams.MATCH_PARENT);
				fl_group.setLayoutParams(lp);
			}

			break;

最后附上xml文件： 
<RelativeLayout 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"
     >
	
    <FrameLayout 
        android:layout_width="match_parent"
        android:layout_height="200dp"
        android:id="@+id/fl_group"
        >
          <SurfaceView
            android:id="@+id/sv_surfaceview_"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            />
        <ProgressBar
            android:id="@+id/pb_progressbar"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_centerInParent="true"
            android:layout_gravity="center"
            android:visibility="visible"/>
        <Button
                android:id="@+id/btn_video_back"
                android:layout_width="25dp"
                android:layout_height="25dp"
                android:layout_marginLeft="10dp"
                android:background="@drawable/icon_back" />
        
     	   <Button
                android:id="@+id/btn_play_video"
                android:layout_width="30dp"
                android:layout_height="30dp"
                android:layout_marginLeft="5dp"
                android:layout_gravity="bottom|left"
                android:background="@drawable/icon_topause"
                 />
     	    <Button
                    android:id="@+id/btn_full_video"
                    android:layout_width="30dp"
                    android:layout_height="30dp"
                    android:layout_gravity="bottom|right"
                    android:layout_marginRight="5dp"
                    android:background="@drawable/icon_tofullscreen"
                    />
    </FrameLayout>
  
  
</RelativeLayout>


不懂的欢迎大家要提问，能帮到的尽量帮。
tinnymax
关注
  • 9
    点赞
  • 踩
  • 20
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
Android之视频播放使用MediaPlayer+SurfaceView代替ViedoView控件
csdn_aiyang的博客
06-07 2103
前言：虽然ViedoView控件可以播放视频，但播放的位置和大小并不受我们的控制，为了对视频有更好的控制权，可以使用MediaPlayer配合SurfaceView来播放视频。 实现效果： 1、SurfaceView与MediaPlayer配合使用： [html]view plaincopy
surfaceview+mediaplayer实现视频播放和动态设置全屏窗口切换。
09-18
surfaceview+mediaplayer 实现视频播放和动态设置view的宽高和全屏窗口切换。播放的是没m3u8的视频，大家有什么问题也可以回复。
SurfaceView+MediaPlayer视频播放以及小窗口和全屏播放
01-10
SurfaceView+MediaPlayer视频播放，包含小窗口和全屏播放
Android三种播放视频的方式
jingwenjingwen的专栏
07-09 299
在Android中，我们有三种方式来实现视频的播放： 1、使用其自带的播放器。指定Action为ACTION_VIEW,Data为Uri，Type为其MIME类型。 2、使用VideoView来播放。在布局文件中使用VideoView结合MediaController来实现对其控制。 3、使用MediaPlayer类和SurfaceView来实现，这种方式很灵活。 ...
SurfaceView全屏
寸草一寸心的博客
04-10 1189
最近公司一个项目，要求点击SurfaceView切换横竖屏播放，在创建界面的时候设置SurfaceHolder holder = m_svPlayer.getHolder(); holder.setFixedSize(SCREEN_HEIGHT, SCREEN_WIDTH); 我在网上找的很多方法，都没怎么说清，自己慢慢摸索的，记录一下。
surfaceView全屏和退出全屏
热门推荐
@EddieYuan
04-14 1万+
今天在闲暇时把视频如何全屏播放和如何退出全屏播放的问题给解决了一下。
MediaPlayer SurfaceView
12-30
而`SurfaceView`则是一种特殊的视图，用于在应用程序中显示图像数据，特别适合于播放视频，因为它提供了高效的渲染机制。 ### `MediaPlayer` 深度解析 `MediaPlayer` 是 Android 的核心媒体播放组件，它可以处理...
android surfaceview 播放视频
11-28
要使用SurfaceView播放视频，我们首先需要引入MediaPlayer类。MediaPlayer是Android提供的用于播放音频和视频的组件。以下是一般的步骤： 1. 初始化SurfaceView：在布局文件中添加SurfaceView，然后在Activity的...
本示例使用 SurfaceView 播放视频
03-31
以上就是使用SurfaceView和MediaPlayer播放视频的基本步骤和关键知识点。在实际项目中，可能还需要考虑其他因素，如错误处理、音量控制、全屏切换等，以提供更好的用户体验。通过深入理解和实践，你可以创建出更复杂...
MediaPlayer+SurfaceView实现视频播放器
小曾同学的博客
05-26 1898
我这个人走得很慢，但是我从不后退。 之前给大家分享过使用MediaController类实现视频播放器，今天呢给大家分享可以自定义的视频播放器，那就是使用MediaPlayer+SurfaceView来实现。废话不多说，直接上代码。 目录1. 设计思路2. 设计布局3. 实现逻辑4. 权限获取5. Demo展示 1. 设计思路 使用 MediaPlayer+SurfaceView实现视频播放器的流程如图所示，在学习音视频播放器的时候，一个老师画的图，在此直接借用。 2. 设计布局 <?xml v.
meidaplayer+surfaceview 实现的 一个常用播放器，包括大小屏切换，底部进度条，播放控制，屏幕旋转
07-13
meidaplayer+surfaceview 实现的 一个常用播放器，包括大小屏切换，底部进度条，播放控制，屏幕旋转处理
C#实现视频播放Windows Media Player源代码(最好用)
08-25
C# 源代码 本人在项目中改改就可以用了，很不错。 功能：使用Windows Media Player播放音乐，视频，支持 WAV、MID、MP3、MPG、AVI、ASF、WMV、RM、RMVB等文件。 技术：C# + WinForm 版本：Microsoft Visual Studio 2008 上开发 实现功能： 1.选择文件播放 2.设置播放器的属性 3.批量添加文件 4.批量将列表中的文件加到播放器列表 5.显示当前播放的文件，变背景色 6.本程序支持Windows Media Player中所有能播放的文件格式。 插件： 必须安装 RealoneED.exe 让windowsMediaPlayer支持RMRMVB文件 WindowsMediaPlayer播放器经过9.0的测试，基本版本未试过。
delphi写的视频播放器
05-23
自己学习delphi的时候写的视频播放器，给大家共享下自己学习delphi的时候写的视频播放器，给大家共享下自己学习delphi的时候写的视频播放器，给大家共享下自己学习delphi的时候写的视频播放器，给大家共享下自己学习delphi的时候写的视频播放器，给大家共享下自己学习delphi的时候写的视频播放器，给大家共享下自己学习delphi的时候写的视频播放器，给大家共享下自己学习delphi的时候写的视频播放器，给大家共享下自己学习delphi的时候写的视频播放器，给大家共享下自己学习delphi的时候写的视频播放器，给大家共享下
android surfaceview 大小,MediaPlayer + SurfaceView（视频大小和surfaceview大小）
weixin_42360778的博客
05-26 1226
第一部分：问题的出现需求：页面有很多布局，其中有一块区域播放视频，当我单击这块区域的时候，全屏播放。我使用MediaPlayer +SurfaceView，当全屏时，改变SurfaceView的大小，然后MediaPlayer.setHolder(mSurfaceViewHolder)，但是，只有SurfaceView改变了，但是视频大小仍然没有改变。而且在不设置surfaceHolder的情况下...
28、从头学Android之多媒体--使用MediaPlayer和SurfaceView播放视频
mmdev
12-28 184
应用场景： 使用VideoView播放视频简单、方便，但除此之外，我们还可以利用MediaPlayer用来播放视频。但是我们知道MediaPlayer主要用于播放音频，它是没有提供输出图像的输出界面，这时我们就用到了SurfaceView控件，将它与MediaPlayer结合起来，就能达到了视频的输出了。首先来了SurfaceView这个控件类 SurfaceView类 构造方法 ...
Delphi xe JMediaPlayer
qq_27373661的博客
06-25 463
求救 哪位可以编写Delphi xe10 播放远程mp4 或者会使用Delphi xe JMediaPlayer
SurfaceView全屏铺满的方法
m0_37824232的博客
11-09 3528
SurfaceView用来播放视频时，父view设定了固定高度，那全屏时不同的设备，有的设备可能就出现白边，无法铺满。如 <RelativeLayout android:layout_width="match_parent" android:layout_height="300dp" android:gravity="center_horizontal"> <SurfaceView android:layout_width="match_.
如何使用MediaPlayer+SurfaceView播放视频、暂停播放、停止播放？
最新发布
09-03
你好，关于使用MediaPlayer和SurfaceView播放视频，可以按照以下步骤进行： 1. 在XML布局文件中添加SurfaceView控件： ``` <SurfaceView android:id="@+id/surface_view" android:layout_width="match_parent" android:layout_height="match_parent" /> ``` 2. 在Java代码中获取SurfaceView控件，创建MediaPlayer对象，并设置相关监听器： ``` // 获取SurfaceView控件 SurfaceView surfaceView = findViewById(R.id.surface_view); // 创建MediaPlayer对象 MediaPlayer mediaPlayer = new MediaPlayer(); // 设置SurfaceView作为MediaPlayer的显示界面 mediaPlayer.setDisplay(surfaceView.getHolder()); // 设置MediaPlayer的一些监听器 mediaPlayer.setOnPreparedListener(new MediaPlayer.OnPreparedListener() { @Override public void onPrepared(MediaPlayer mp) { // 视频准备完成后自动播放 mp.start(); } }); mediaPlayer.setOnCompletionListener(new MediaPlayer.OnCompletionListener() { @Override public void onCompletion(MediaPlayer mp) { // 视频播放完成后的处理 } }); mediaPlayer.setOnErrorListener(new MediaPlayer.OnErrorListener() { @Override public boolean onError(MediaPlayer mp, int what, int extra) { // MediaPlayer出错时的处理 return false; } }); ``` 3. 设置MediaPlayer的数据源、准备视频等操作： ``` try { // 设置MediaPlayer的数据源 mediaPlayer.setDataSource("video_path"); // 准备视频 mediaPlayer.prepare(); } catch (IOException e) { e.printStackTrace(); } ``` 4. 在需要的地方控制视频的播放、暂停、停止操作： ``` // 播放视频 mediaPlayer.start(); // 暂停视频 mediaPlayer.pause(); // 停止视频 mediaPlayer.stop(); ``` 希望以上步骤能帮到您。若有疑问，请随时咨询。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值