使用Vitamio打造自己的Android万能播放器(2)—— 手势控制亮度、音量、缩放

前言

  本章继续完善播放相关播放器的核心功能,为后续扩展打好基础。

 

声明

  欢迎转载,但请保留文章原始出处:) 

    博客园:http://www.cnblogs.com

    农民伯伯: http://over140.cnblogs.com

 

系列

  1、使用Vitamio打造自己的Android万能播放器(1)——准备  

 

正文

  一、实现目标 

1.1 亮度控制

模仿VPlayer界面:

1.2 声音控制

 模仿VPlayer界面: 

  

1.3 画面缩放 

根据下面API提供画面的拉伸、剪切、100%、全屏 

 

  二、Vitamio API 介绍

VideoView 

2.1 public void start()

开始播放 

2.2 public void pause()

暂停播放 

2.3 public long getDuration() 

获取视频的时长

2.4 public long getCurrentPosition() 

获取已经播放的时长

2.5 public void seekTo(long msec) 

设置播放器从指定的位置开始播放

2.6 public boolean isPlaying() 

是否正在播放

2.7 public int getVideoWidth()

获取视频宽 

2.8 public int getVideoHeight() 

获取视频高

2.9 public void setBufferSize(int bufSize) 

设置缓存大小,默认1024KB 

2.10 public void setVideoQuality(int quality) 

设置视频质量,低、中、高(MediaPlayer.VIDEOQUALITY_LOW、MediaPlayer.VIDEOQUALITY_MEDIUM 、MediaPlayer.VIDEOQUALITY_HIGH ),

默认低(最流畅)。 

2.11 public void setSubShown(boolean shown) 

设置是否显示字幕 

2.12 public void setAudioTrack(int audioIndex) 

设置音轨,必须是getAudioTrackMap(String) 的返回值。

2.13 public void setVolume(float leftVolume, float rightVolume) 

设置立体音左右音量。

2.14 public void setSubPath(String subPath) 

设置外挂字幕路径

2.15 public int getBufferPercentage() 

获取缓冲百分比

2.16 public void stopPlayback() 

停止播放 

2.17 public void setVideoPath(String path) 

设置视频播放路径

2.18 public void setVideoURI(Uri uri) 

设置视频播放路径

2.19 public void setVideoLayout(int layout, float aspectRatio) 

设置视频缩放(拉伸、剪切、100%、全屏) 

 

  三、 实现代码

3.1 xml


<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="vertical" android:layout_width="match_parent"
    android:layout_height="match_parent">
    <io.vov.vitamio.widget.VideoView
        android:id="@+id/surface_view" android:layout_width="match_parent"
        android:layout_height="match_parent" android:layout_centerHorizontal="true"
        android:layout_centerVertical="true" />
    <FrameLayout android:id="@+id/operation_volume_brightness"
        android:visibility="invisible" android:layout_centerInParent="true"
        android:layout_width="wrap_content" android:layout_height="wrap_content"
        android:background="#00000000" android:orientation="horizontal"
        android:padding="0dip">
        <ImageView android:id="@+id/operation_bg"
            android:layout_gravity="center" android:src="@drawable/video_volumn_bg"
            android:layout_width="wrap_content" android:layout_height="wrap_content" />
        <FrameLayout android:layout_gravity="bottom|center_horizontal"
            android:layout_width="wrap_content" android:layout_height="wrap_content"
            android:paddingBottom="25dip">
            <ImageView android:id="@+id/operation_full"
                android:layout_gravity="left" android:src="@drawable/video_num_bg"
                android:layout_width="94dip" android:layout_height="wrap_content" />
            <ImageView android:id="@+id/operation_percent"
                android:layout_gravity="left" android:src="@drawable/video_num_front"
                android:layout_width="0dip" android:layout_height="wrap_content"
                android:scaleType="matrix" />
        </FrameLayout>
    </FrameLayout>

</RelativeLayout> 

3.2 Activity


    /**
     * 
     * Android万能播放器
     * 
     * @author 农民伯伯
     * @version 2012-5-22
     * 
     */
    public class VideoViewDemo extends Activity {
    
        private String path = Environment.getExternalStorageDirectory()
                + "/Moon.mp4";
        private VideoView mVideoView;
        private View mVolumeBrightnessLayout;
        private ImageView mOperationBg;
        private ImageView mOperationPercent;
        private AudioManager mAudioManager;
        /** 最大声音 */
        private int mMaxVolume;
        /** 当前声音 */
        private int mVolume = -1;
        /** 当前亮度 */
        private float mBrightness = -1f;
        /** 当前缩放模式 */
        private int mLayout = VideoView.VIDEO_LAYOUT_ZOOM;
        private GestureDetector mGestureDetector;
        private MediaController mMediaController;
    
        @Override
        public void onCreate(Bundle icicle) {
            super.onCreate(icicle);
            setContentView(R.layout.videoview);
            mVideoView = (VideoView) findViewById(R.id.surface_view);
            mVolumeBrightnessLayout = findViewById(R.id.operation_volume_brightness);
            mOperationBg = (ImageView) findViewById(R.id.operation_bg);
            mOperationPercent = (ImageView) findViewById(R.id.operation_percent);
    
            mAudioManager = (AudioManager) getSystemService(Context.AUDIO_SERVICE);
            mMaxVolume = mAudioManager
                    .getStreamMaxVolume(AudioManager.STREAM_MUSIC);
            mVideoView.setVideoPath(path);
            mMediaController = new MediaController(this);
            mVideoView.setMediaController(mMediaController);
            mVideoView.requestFocus();
    
            mGestureDetector = new GestureDetector(this, new MyGestureListener());
        }
    
        @Override
        public boolean onTouchEvent(MotionEvent event) {
            if (mGestureDetector.onTouchEvent(event))
                return true;
    
            // 处理手势结束
            switch (event.getAction() & MotionEvent.ACTION_MASK) {
            case MotionEvent.ACTION_UP:
                endGesture();
                break;
            }
    
            return super.onTouchEvent(event);
        }
    
        /** 手势结束 */
        private void endGesture() {
            mVolume = -1;
            mBrightness = -1f;
    
            // 隐藏
            mDismissHandler.removeMessages(0);
            mDismissHandler.sendEmptyMessageDelayed(0, 500);
        }
    
        private class MyGestureListener extends SimpleOnGestureListener {
    
            /** 双击 */
            @Override
            public boolean onDoubleTap(MotionEvent e) {
                if (mLayout == VideoView.VIDEO_LAYOUT_ZOOM)
                    mLayout = VideoView.VIDEO_LAYOUT_ORIGIN;
                else
                    mLayout++;
                if (mVideoView != null)
                    mVideoView.setVideoLayout(mLayout, 0);
                return true;
            }
    
            /** 滑动 */
            @Override
            public boolean onScroll(MotionEvent e1, MotionEvent e2,
                    float distanceX, float distanceY) {
                float mOldX = e1.getX(), mOldY = e1.getY();
                int y = (int) e2.getRawY();
                Display disp = getWindowManager().getDefaultDisplay();
                int windowWidth = disp.getWidth();
                int windowHeight = disp.getHeight();
    
                if (mOldX > windowWidth * 4.0 / 5)// 右边滑动
                    onVolumeSlide((mOldY - y) / windowHeight);
                else if (mOldX < windowWidth / 5.0)// 左边滑动
                    onBrightnessSlide((mOldY - y) / windowHeight);
    
                return super.onScroll(e1, e2, distanceX, distanceY);
            }
        }
    
        /** 定时隐藏 */
        private Handler mDismissHandler = new Handler() {
            @Override
            public void handleMessage(Message msg) {
                mVolumeBrightnessLayout.setVisibility(View.GONE);
            }
        };
    
        /**
         * 滑动改变声音大小
         * 
         * @param percent
         */
        private void onVolumeSlide(float percent) {
            if (mVolume == -1) {
                mVolume = mAudioManager.getStreamVolume(AudioManager.STREAM_MUSIC);
                if (mVolume < 0)
                    mVolume = 0;
    
                // 显示
                mOperationBg.setImageResource(R.drawable.video_volumn_bg);
                mVolumeBrightnessLayout.setVisibility(View.VISIBLE);
            }
    
            int index = (int) (percent * mMaxVolume) + mVolume;
            if (index > mMaxVolume)
                index = mMaxVolume;
            else if (index < 0)
                index = 0;
    
            // 变更声音
            mAudioManager.setStreamVolume(AudioManager.STREAM_MUSIC, index, 0);
    
            // 变更进度条
            ViewGroup.LayoutParams lp = mOperationPercent.getLayoutParams();
            lp.width = findViewById(R.id.operation_full).getLayoutParams().width
                    * index / mMaxVolume;
            mOperationPercent.setLayoutParams(lp);
        }
    
        /**
         * 滑动改变亮度
         * 
         * @param percent
         */
        private void onBrightnessSlide(float percent) {
            if (mBrightness < 0) {
                mBrightness = getWindow().getAttributes().screenBrightness;
                if (mBrightness <= 0.00f)
                    mBrightness = 0.50f;
                if (mBrightness < 0.01f)
                    mBrightness = 0.01f;
    
                // 显示
                mOperationBg.setImageResource(R.drawable.video_brightness_bg);
                mVolumeBrightnessLayout.setVisibility(View.VISIBLE);
            }
            WindowManager.LayoutParams lpa = getWindow().getAttributes();
            lpa.screenBrightness = mBrightness + percent;
            if (lpa.screenBrightness > 1.0f)
                lpa.screenBrightness = 1.0f;
            else if (lpa.screenBrightness < 0.01f)
                lpa.screenBrightness = 0.01f;
            getWindow().setAttributes(lpa);
    
            ViewGroup.LayoutParams lp = mOperationPercent.getLayoutParams();
            lp.width = (int) (findViewById(R.id.operation_full).getLayoutParams().width * lpa.screenBrightness);
            mOperationPercent.setLayoutParams(lp);
        }
    
        @Override
        public void onConfigurationChanged(Configuration newConfig) {
            if (mVideoView != null)
                mVideoView.setVideoLayout(mLayout, 0);
            super.onConfigurationChanged(newConfig);
        }

    } 

3.3 代码说明 

3.3.1  缩放功能

该功能SDK已经提供好了接口,直接使用即可。

3.3.2  音量和亮度控制实现

根据layout可以看得出,利用FrameLayout的特点(后面视图会覆盖前面视图),通过控制后一个视图的宽度来达到进度条的效果。

3.3.3  自动隐藏

可用Handle来实现自定延时隐藏的功能,比较实用。 

3.3.4  手势

手势方面大家可用多查查GestureDetector方面的资料,双击、缩放手势都可以实现。 

 

  四、代码下载

请移步#Taocode(SVN):(没有账户的请注册一个账户即可。)

项目地址:http://code.taobao.org/p/oplayer

 

 

  五、Vitamio相关信息

5.1 近期将发布新的SDK版本

5.1.1    将直接内置各平台解码器,无需外下载!

5.1.2    将支持自定义进度控制条等。

 

  六、相关文章

6.1 Android 播放电影时滑动屏幕调整屏幕亮度

6.2 android MediaPlayer API

 

结束

  本系列文章承诺每周至少出一篇,以帮助需要的朋友尽快将Vitamio融合入自己或公司的项目中。

转载:http://www.cnblogs.com/over140/archive/2012/05/22/2473019.html

时间: 2024-08-03 02:47:26

使用Vitamio打造自己的Android万能播放器(2)—— 手势控制亮度、音量、缩放的相关文章

[重要]使用Vitamio打造自己的Android万能播放器(10)—— 本地播放 (缩略图、视频信息、视频扫描服务)

前言 Vitamio是我们团队的诚意之作,除了要将VPlayer打造成Android最好的播放器,也要将Vitamio打造成Android最好的播放器组件.新版发布内测SDK虽然还有一些问题,但已经具备高可扩展性.便捷性和许多内置实用的功能,后续文章将继续深挖和介绍Vitamio的使用细节和方法.本章将提供显示缩略图.视频大小等视频信息,并介绍使用Vitamio内置的ContentProvider以及文件扫描服务.   注意 本章ContentProvider在2012-8-31发布的SDK中已

使用Vitamio打造自己的Android万能播放器(4)——本地播放(快捷搜索、数据存储)

前言 关键字:Vitamio.VPlayer.Android播放器.Android影音.Android开源播放器 本章节把Android万能播放器本地播放的主要功能(缓存播放列表和A-Z快速查询功能)完成,和播放组件关系不大,但用到一些实用的技术,欢迎交流!   声明 欢迎转载,但请保留文章原始出处:)  博客园:http://www.cnblogs.com 农民伯伯: http://over140.cnblogs.com    系列 1.使用Vitamio打造自己的Android万能播放器(1

使用Vitamio打造自己的Android万能播放器(8)——细节优化

前言 成功的产品往往在细节之处也做到极致,产品和项目从使用的角度来看最大的区别我认为也就是细节的处理上.开播视频的目标是产品,前面7篇文章高歌猛进,添加了很多的功能,也该停下来休整一下,优化一下,也欢迎交流反馈做得不周到的地方.由于开源,大家也可以按照自己的喜好来添加修改不同的功能和细节.   声明 欢迎转载,但请保留文章原始出处:)  博客园:http://www.cnblogs.com 农民伯伯: http://over140.cnblogs.com    系列 1.使用Vitamio打造自

使用Vitamio打造自己的Android万能播放器(3)——本地播放(主界面、播放列表)

前言 打造一款完整可用的Android播放器有许多功能和细节需要完成,也涉及到各种丰富的知识和内容,本章将结合Fragment.ViewPager来搭建播放器的主界面,并实现本地播放基本功能.系列文章提供截图.代码说明.源码下载,欢迎交流!   声明 欢迎转载,但请保留文章原始出处:)    博客园:http://www.cnblogs.com   农民伯伯: http://over140.cnblogs.com    系列 1.使用Vitamio打造自己的Android万能播放器(1)--准备

使用Vitamio打造自己的Android万能播放器(1)——准备

前言 虽然Android已经内置了VideoView组件和MediaPlayer类来支持开发视频播放器,但支持格式.性能等各方面都十分有限,这里与大家一起利用开源项目Vitamio来打造属于自己的Android万能播放器!   注意 请下载新发布的SDK(2012-7-9): 使用Vitamio打造自己的Android万能播放器--新版Vitamio内测SDK发布    声明 欢迎转载,但请保留文章原始出处:)  博客园:http://www.cnblogs.com 农民伯伯: http://o

使用Vitamio打造自己的Android万能播放器(7)——在线播放(下载视频)

前言 本章将实现非常实用的功能--下载在线视频.涉及到多线程.线程更新UI等技术,还需思考产品的设计,如何将新加的功能更好的融入到现有的产品中,并不是简单的加一个界面就行了,欢迎大家交流产品设计和技术细节实现!   声明 欢迎转载,但请保留文章原始出处:)  博客园:http://www.cnblogs.com 农民伯伯: http://over140.cnblogs.com    系列 1.使用Vitamio打造自己的Android万能播放器(1)--准备 2.使用Vitamio打造自己的An

使用Vitamio打造自己的Android万能播放器(5)——在线播放(播放优酷视频)

前言 为了保证每周一篇的进度,又由于Vitamio新版本没有发布, 决定推迟本地播放的一些功能(截图.视频时间.尺寸等),跳过直接写在线播放部分的章节.从Vitamio的介绍可以看得出,其支持http.m3u8等多种网络协议,本章将编写播放优酷视频的例子.   声明 欢迎转载,但请保留文章原始出处:)  博客园:http://www.cnblogs.com 农民伯伯: http://over140.cnblogs.com    系列 1.使用Vitamio打造自己的Android万能播放器(1)

使用Vitamio打造自己的Android万能播放器(11)—— 本地扫描后台服务

前言 Vitamio和OPlayer系列文章得到广大同行的关注和支持,非常感谢!离系列文章的上篇有几个月了,各种忙暂停了本系列文章,非常抱歉!离OPlayer正式上线还有距离,还有很多要做的事情,继续前行!   声明 欢迎转载,但请保留文章原始出处:)  博客园:http://www.cnblogs.com 农民伯伯: http://over140.cnblogs.com     正文 一.注意事项 本章节使用的是Vitamio 3.0(2012-11-07)请大家及时更新. 注意3.0整合的适

android音乐播放器,音乐暂停时音量逐渐减小的效果怎么做?

问题描述 android音乐播放器,音乐暂停时音量逐渐减小的效果怎么做? QQ音乐,酷狗等音乐播放器,暂停时音量逐渐减小的效果怎么做? 我的做法是: 开个线程改变音频流的音量 audioManager.setStreamVolume(AudioManager.STREAM_MUSIC, 1 ,0); 但是这样会有很多问题,所以不想用这种方法.