关键词：
【Android】 从头搭建视频播放器（3）——手势检测 & 控制
转载请注明出处：http://blog.csdn.net/arnozhang12/article/details/48735683
1、解决思路
我们希望我们的播放器有基本的手势操作，可以在用户触摸滑动屏幕的时候，支持屏幕亮度、音量、播放进度的调节。同时，快速双击屏幕的时候可以支持暂停/恢复播放。
抽离出思路如下：
- 手指在播放区域左侧上下滑动时，分别增加/减小屏幕亮度；
- 手指在播放区域右侧上下滑动时，分别增加/减小播放声音；
- 手指在播放器内部水平左右滑动时，分别向前/向后快进一段进度；
- 手指在播放器内部双击时，分别暂停/恢复视频的播放。
通过对功能点的解析分离，我们发现可以使用 Android 系统 SDK 提供的 GestureDetector 来帮助我们完成。GestureDetector.SimpleOnGestureListener 回调支持了我们所有需要用到的基础手势检测，我们只需要在检测的时候进行判断处理即可。
2、MediaPlayerGestureController 接口
我们希望把所有的手势处理都封装在 MediaPlayerGestureController 这个类中，在外部可以很方便的调用它并响应它的一些事件。
| MediaPlayerGestureController 接口 | 特性 |
|---|---|
| MediaPlayerGestureController(context, playerRootView, helper) | 构造函数 |
| handleTouchEvent(event) | 处理触摸事件 MotionEvent |
| setMediaPlayer(baseMediaPlayer) | 设置手势关联的播放器 |
3、检测 & 处理
首先我们在 SimpleOnGestureListener 中看到 onScroll 方法声明如下，我们可以根据 distanceX、distanceY 来进行基本的判断进而处理事件。
为了避免多个手势识别造成的干扰——比如我们按下手指后，水平滑动一段距离，然后在 不松开 手指的情况下再垂直滑动一段距离，如果不进行特殊处理，就会造成既调节进度，有调节音量/亮度的问题，用户体验非常差。
所以，我们特意用一个 type 变量来记录当前正在进行的手势，如果 type 有值，表明当前的手势已经触发了，直接根据相应的 distance 进行控制。否则，先根据 distanceX、distanceY 结合第一个触摸点的位置来确定出 type，再进行控制。
这个 type 是一个枚举变量，各个枚举值分别表示了当前正在进行的手势。具体定义如下：
根据上面的描述以及控制逻辑，我们抽离出整个手势识别+控制处理的流程如下：
该流程图表述的一些细节如下：
Math.abs(distanceX) > Math.abs(distanceY)：判断这个滑动主要是水平滑动还是竖直滑动；e1.getX() < rootViewWidth / 2：根据第一个触摸落点的 X 坐标，再结合整个视频窗口 rootView 的宽度，来判断这个手势是在左半区域还是右半区域触发的，进而用于分支调节屏幕亮度或者播放声音；DeviceUtils.setBrightness(...)：是我们提供的一个帮助函数，主要用于修改屏幕亮度；audioMgr.setStreamVolume(...)：是使用 Android 系统的android.media.AudioManager来修改媒体音量。
3.1、亮度处理
我们首先需要获取屏幕亮度，然后再按 distanceY 算出增量，可以得到新的亮度。获取和设置屏幕亮度的方法如下：
屏幕亮度的增量获取方法如下：
其中我们在 percent 上面乘了增量因子 5，用于修正增量值，优化用户体验。
3.2、音量处理
音量的处理也比较简单，只需要获取当前音量，并且得到音量增量，再通过 AudioManager.setStreamVolume 重新设置进去即可，其中为了优化体验，也针对增量进行了一系列的微调。
3.3、双击屏幕处理
双击的处理非常简单，只需要在 SimpleOnGestureListener.onDoubleTap 中进行处理即可：
4、代码片段
整个代码片段如下：
/**
* MediaPlayerGestureController.java
*
* @author arnozhang
* @email zyfgood12@163.com
* @date 2015.9.25
*/
public class MediaPlayerGestureController
public static interface GestureOperationHelper
void onSingleTap();
private static enum AdjustType
None,
Volume,
Brightness,
FastBackwardOrForward,
private Context mContext;
private View mPlayerRootView;
private AdjustType mAdjustType = AdjustType.None;
private AdjustPanel mAdjustPanel;
private ProgressAdjustPanel mProgressAdjustPanel;
private FrameLayout mAdjustPanelContainer;
private FrameLayout mProgressAdjustPanelContainer;
private BaseMediaPlayer mMediaPlayer;
private GestureDetector mGestureDetector;
private GestureOperationHelper mOperateHelper;
public MediaPlayerGestureController(
Context context, View playerRootView, GestureOperationHelper helper)
mContext = context;
mOperateHelper = helper;
mPlayerRootView = playerRootView;
initGestureDetector();
public void handleTouchEvent(MotionEvent event)
mGestureDetector.onTouchEvent(event);
int action = event.getActionMasked();
if (action == MotionEvent.ACTION_UP || action == MotionEvent.ACTION_CANCEL)
mAdjustType = AdjustType.None;
mAdjustPanel.hidePanel();
mProgressAdjustPanel.hidePanel();
public void setMediaPlayer(BaseMediaPlayer mediaPlayer)
mMediaPlayer = mediaPlayer;
public void setAdjustPanelContainer(FrameLayout layout)
mAdjustPanelContainer = layout;
mAdjustPanel = new AdjustPanel(mContext);
mAdjustPanelContainer.addView(mAdjustPanel, new ViewGroup.LayoutParams(
ViewGroup.LayoutParams.MATCH_PARENT,
ViewGroup.LayoutParams.MATCH_PARENT));
public void setProgressAdjustPanelContainer(FrameLayout layout)
mProgressAdjustPanelContainer = layout;
mProgressAdjustPanel = new ProgressAdjustPanel(mContext);
mProgressAdjustPanel.setVisibility(View.GONE);
mProgressAdjustPanelContainer.addView(mProgressAdjustPanel, new ViewGroup.LayoutParams(
ViewGroup.LayoutParams.MATCH_PARENT,
ViewGroup.LayoutParams.MATCH_PARENT));
private Runnable mSwitchTitleRunnable = new Runnable()
@Override
public void run()
mOperateHelper.onSingleTap();
;
private void initGestureDetector()
mGestureDetector = new GestureDetector(mContext,
new GestureDetector.SimpleOnGestureListener()
@Override
public boolean onSingleTapUp(MotionEvent e)
ThreadManager.getInstance().postOnUIHandlerDelayed(
mSwitchTitleRunnable, 200);
return true;
@Override
public boolean onDoubleTap(MotionEvent e)
ThreadManager.getInstance().getUIHandler().removeCallbacks(
mSwitchTitleRunnable);
if (!mMediaPlayer.isLoading())
if (mMediaPlayer.isPlaying())
mMediaPlayer.pause();
else
mMediaPlayer.resume();
return true;
@Override
public boolean onScroll(MotionEvent e1, MotionEvent e2,
float distanceX, float distanceY)
if (mAdjustType == AdjustType.None)
if (Math.abs(distanceX) > Math.abs(distanceY))
mAdjustType = AdjustType.FastBackwardOrForward;
else
if (e1.getX() < mPlayerRootView.getMeasuredWidth() / 2)
mAdjustType = AdjustType.Brightness;
else
mAdjustType = AdjustType.Volume;
return adjustInternal(e1, e2, distanceX, distanceY);
);
private boolean adjustInternal(MotionEvent e1, MotionEvent e2, float distanceX, float distanceY)
if (mAdjustType == AdjustType.FastBackwardOrForward)
// Adjust Progress.
if (mMediaPlayer == null || !mMediaPlayer.isPlaying())
return false;
float percent = distanceX / (float) mPlayerRootView.getMeasuredWidth();
int total = mMediaPlayer.getDuration();
int currPosition = mMediaPlayer.getCurrentPosition();
int seekOffset = (int) (total * percent * -1);
currPosition += seekOffset;
if (currPosition < 0)
currPosition = 0;
else if (currPosition > total)
currPosition = total;
mMediaPlayer.seekTo(currPosition);
if (seekOffset > 0)
mProgressAdjustPanel.adjustForward(currPosition, total);
else
mProgressAdjustPanel.adjustBackward(currPosition, total);
else if (mAdjustType == AdjustType.Brightness)
// Adjust Brightness.
float percent = distanceY / (float) mPlayerRootView.getMeasuredHeight();
float brightness = DeviceUtils.getBrightnessPercent(mContext);
float brightnessOffset = percent * 5;
brightness += brightnessOffset;
if (brightness < 0)
brightness = 0;
else if (brightness > 1)
brightness = 1;
DeviceUtils.setBrightness(mContext, brightness);
mAdjustPanel.adjustBrightness(brightness);
else if (mAdjustType == AdjustType.Volume)
// Adjust Volume.
float percent = distanceY / (float) mPlayerRootView.getMeasuredHeight();
AudioManager manager = (AudioManager)
mContext.getSystemService(Context.AUDIO_SERVICE);
int maxVolume = manager.getStreamMaxVolume(AudioManager.STREAM_MUSIC);
int currVolume = manager.getStreamVolume(AudioManager.STREAM_MUSIC);
float volumeOffsetAccurate = maxVolume * percent * 5;
int volumeOffset = (int) volumeOffsetAccurate;
if (volumeOffset == 0 && Math.abs(volumeOffsetAccurate) > 0.2f)
if (distanceY > 0)
volumeOffset = 1;
else if (distanceY < 0)
volumeOffset = -1;
currVolume += volumeOffset;
if (currVolume < 0)
currVolume = 0;
else if (currVolume >= maxVolume)
currVolume = maxVolume;
manager.setStreamVolume(AudioManager.STREAM_MUSIC, currVolume, 0);
float volumePercent = (float) currVolume / (float) maxVolume;
mAdjustPanel.adjustVolume(volumePercent);
return true;
android从头搭建视频播放器——概述(代码片段)
【Android】从头搭建视频播放器（1）——概述 转载请注明出处：http://blog.csdn.net/arnozhang12/article/details/48731443 近来有做播放器方面的需求，在搭建过程中，逐渐对Android上面视频播放器... 查看详情
android从头搭建视频播放器——概述(代码片段)
【Android】从头搭建视频播放器（1）——概述 转载请注明出处：http://blog.csdn.net/arnozhang12/article/details/48731443 近来有做播放器方面的需求，在搭建过程中，逐渐对Android上面视频播放器... 查看详情
android从头搭建视频播放器——systemmediaplayerimpl(代码片段)
【Android】从头搭建视频播放器（2）——SystemMediaPlayerImpl转载请注明出处：http://blog.csdn.net/arnozhang12/article/details/48734139 1、MediaPlayer简介 首先，我们基于系统的android.media.MediaPlayer实现我 查看详情
android从头搭建视频播放器——将所有放在一起(代码片段)
【Android】从头搭建视频播放器（5）——将所有放在一起转载请注明出处：http://blog.csdn.net/arnozhang12/article/details/48736363 1、简介 结合前面的四篇文章，我们基本上已经了解了Android平台上面实现一款视... 查看详情
android从头搭建视频播放器——屏幕旋转处理(代码片段)
【Android】从头搭建视频播放器（4）——屏幕旋转处理转载请注明出处：http://blog.csdn.net/arnozhang12/article/details/48736147 1、思路 作为一款用户体验比较好的播放器，针对屏幕旋转来做适配处理是必不可... 查看详情
android从头搭建视频播放器——systemmediaplayerimpl(代码片段)
【Android】从头搭建视频播放器（2）——SystemMediaPlayerImpl转载请注明出处：http://blog.csdn.net/arnozhang12/article/details/48734139 1、MediaPlayer简介 首先，我们基于系统的android.media.MediaPlayer实现我们的BaseMediaPlaye... 查看详情
android手势检测——gesturedetector全面分析(代码片段)
...原创，转载请注明本出处！前言 在很多视频播放器中，都存在使用不同的手势来控制进度、亮度\\音量和暂停播放等功能。Android提供了一个GestureDetector来帮助我们识别 查看详情
android手势检测——gesturedetector全面分析(代码片段)
...原创，转载请注明本出处！前言 在很多视频播放器中，都存在使用不同的手势来控制进度、亮度\\音量和暂停播放等功能。Android提供了一个GestureDetector来帮助我们识别一些基本的触摸手势（还有ScaleGestureDetecto... 查看详情
android视频播放器的手势控制实现(代码片段)
...ttps://github.com/totond/GestureTest前言 现在很多全屏的视频播放器现在都有这样的功能：左边上下滑动调节亮度，右边上下滑动调节音量，左右滑动调节快进快退，双击控制暂停播放。实现这样的功能并不难，... 查看详情
android视频播放器的手势控制实现(代码片段)
...ttps://github.com/totond/GestureTest前言 现在很多全屏的视频播放器现在都有这样的功能：左边上下滑动调节亮度，右边上下滑动调节音量，左右滑动调节快进快退，双击控制暂停播放。实现这样的功能并不难，... 查看详情
在 Android HTML5 播放器中开始播放所需的用户手势
】在AndroidHTML5播放器中开始播放所需的用户手势【英文标题】：UsergesturerequiredtostartplaybackinAndroidHTML5player【发布时间】：2016-03-2114:12:30【问题描述】：我在android上使用HTML5视频标签，有时chrome浏览器说它需要明确的用户手势/单... 查看详情
如何添加点击手势来播放视频播放器
】如何添加点击手势来播放视频播放器【英文标题】：howaddtapgesturetoplayavideoplayer【发布时间】：2018-05-1514:29:43【问题描述】：videoPlayer=(AVPlayer.init(url:urlasURL)asAVPlayer?)!videoPlayer.actionAtItemEnd=.nonevarvideoLayer=AVPlayerLayer(player:videoPlay 查看详情
如何在 VideoView 中使用手势滑动功能播放视频
】如何在VideoView中使用手势滑动功能播放视频【英文标题】：HowtoPlayVideousingGestureSwipefunctioninVideoView【发布时间】：2016-08-1609:10:55【问题描述】：我有VideoView，我想使用手势滑动功能播放视频。当用户从右向左滑动播放下一个视... 查看详情
android手部检测和手势识别（含训练代码+android源码+手势识别数据集）(代码片段)
Android手部检测和手势识别（含训练代码+Android源码+手势识别数据集）目录Android实时手势动作识别（含训练代码++手势识别数据集）1.前言2.手势识别的方法（1）基于多目标检测的手势识别方法&#... 查看详情
android手部检测和手势识别（含训练代码+android源码+手势识别数据集）(代码片段)
Android手部检测和手势识别（含训练代码+Android源码+手势识别数据集）目录Android实时手势动作识别（含训练代码++手势识别数据集）1.前言2.手势识别的方法（1）基于多目标检测的手势识别方法&#... 查看详情
android实现手部检测和手势识别（含训练代码+android源码+手势识别数据集）(代码片段)
Android实现手部检测和手势识别（含训练代码+Android源码+手势识别数据集）目录Android实时手势动作识别（含训练代码++手势识别数据集）1.前言2.手势识别的方法（1）基于多目标检测的手势识别... 查看详情
适用于 Android 的书签时间戳视频播放器
】适用于Android的书签时间戳视频播放器【英文标题】：BookmarktimestampvideoplayerforAndroid【发布时间】：2012-11-0503:33:47【问题描述】：我想制作一个Android应用，让我可以按时间戳为视频文件添加书签例如书签100:00:00=书签名elseifbookmar... 查看详情
旋转屏幕或隐藏播放器时 Android YouTube API 视频暂停
】旋转屏幕或隐藏播放器时AndroidYouTubeAPI视频暂停【英文标题】：AndroidYouTubeAPIvideopausewhenrotatescreenorhideplayer【发布时间】：2013-12-2109:39:34【问题描述】：我正在使用适用于Android的YouTubeAPI。视频正在正常播放，但是当我转动屏幕... 查看详情