登录
当前位置： 首页 > 工具软件 > Vitamio > 使用案例 >

视频播放库Vitamio的使用以及功能扩展

汪丁雷
2023-12-01

概览

简介

Vitamio 能够流畅播放720P甚至1080P高清MKV，FLV，MP4，MOV，TS，RMVB等常见格式的视频，还可以在 Android 与 iOS 上跨平台支持 MMS, RTSP, RTMP, HLS(m3u8) 等常见的多种视频流媒体协议，包括点播与直播。
Vitamio 凭借其简洁易用的 API 接口赢得了全球众多开发者的青睐，到目前，全球已经有超过 10,000 种应用在使用 Vitamio，覆盖用户超过5亿。

最近更新较少，上一次更新（2017-04-01）已经是两年前了，但是这并不妨碍它是一个优秀的框架。

Vitamio 官网：http://www.vitamio.org
github: https://github.com/yixia/VitamioBundle
使用博客：农民伯伯：http://www.cnblogs.com/over140/category/409230.html（开发者之一，有大量的文档）

本文内容

本文对其使用进行了一些扩展和功能的丰富，将其整理后汇总。除集成外，扩展功能如下：

  1. 双击暂停，开始播放
  2. 全屏播放
  3. 倍速播放
  4. 左边上下滑动调节亮度
  5. 右边上下滑动调节声音
  6. 左右滑动快进快退
  7. 退出时保留播放进度
  8. 全屏播放时根据手机方向变化，屏幕自动旋转
  9. 进度条控件大小和位置的设置

注意事项

个人使用免费，商用需要授权
大家如果商用的话，别忘了去要授权……

集成

导入

github地址: https://github.com/yixia/VitamioBundle
首先从github上下载源文件，然后以 module的方式导入工程中，即可开始使用。

  1. 导入module，在Android Studio 中依次点击 File -->New --> Import Module…，然后在弹出框中选择文件的路径。
  2. 添加依赖，打开Project Structure选项卡，点击左上角的’+'按钮，然后按照提示添加即可。

目前为止，github上的代码已经很久没有维护了，上次维护应该还是 [2014-04-18] 发布的 4.2.2 版本。所以并不推荐用在公司项目中，一是很久没有维护了，二是需要授权。

  1. 打开app/src/main目录下的AndroidManifest.xml,注册io.vov.vitamio.activity.InitActivity

    注意:这个InitActivity存在于vitamio/src/对应的目录下,不需要用户编写.
<activity
    android:name="io.vov.vitamio.activity.InitActivity"
    android:configChanges="orientation|screenSize|smallestScreenSize|keyboard|keyboardHidden|navigation"
    android:launchMode="singleTop"
    android:theme="@android:style/Theme.NoTitleBar"
    android:windowSoftInputMode="stateAlwaysHidden" />

至此,vitamio导入完毕.

扩展功能

需求。左侧上下滑动调节亮度，右侧上下滑动调节声音，中间添加提示：
界面文件，因为点击之后控制器会布满屏幕，所及监听和显示组件都要添加到 MediaController中
在这里我们采用手势去处理

1. 双击暂停，开始播放

//播放与暂停
private void playOrPause(){
    if (videoView != null)
        if (videoView.isPlaying()) {
            videoView.pause();
        } else {
            videoView.start();
        }
}

2. 全屏播放

全屏播放，点击按钮后隐藏其他控件，重设尺寸即可
半屏播放同理

3. 倍速播放

Vitamio 支持倍速播放，可以根据项目需求进行设置

4. 左边上下滑动调节亮度

/**
 * 滑动改变亮度
 *
 * @param percent
 */
private void onBrightnessSlide(float percent) {
    if (mBrightness < 0) {
        mBrightness = activity.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);
        mOperationTv.setVisibility(VISIBLE);

    }

5. 右边上下滑动调节声音

/**
 * 滑动改变声音大小
 *
 * @param percent
 */
private void onVolumeSlide(float percent) {
    if (mVolume == -1) {
        mVolume = mAudioManager.getStreamVolume(AudioManager.STREAM_MUSIC);
        if (mVolume < 0)
            mVolume = 0;

        // 显示
        mVolumeBrightnessLayout.setVisibility(View.VISIBLE);
        mOperationTv.setVisibility(VISIBLE);
    }

    int index = (int) (percent * mMaxVolume) + mVolume;
    if (index > mMaxVolume)
        index = mMaxVolume;
    else if (index < 0)
        index = 0;
    if (index >= 10) {
        mOperationBg.setImageResource(R.drawable.volmn_100);
    } else if (index >= 5 && index < 10) {
        mOperationBg.setImageResource(R.drawable.volmn_60);
    } else if (index > 0 && index < 5) {
        mOperationBg.setImageResource(R.drawable.volmn_30);
    } else {
        mOperationBg.setImageResource(R.drawable.volmn_no);
    }
    //DecimalFormat    df   = new DecimalFormat("######0.00");
    mOperationTv.setText((int) (((double) index / mMaxVolume)*100)+"%");
    // 变更声音
    mAudioManager.setStreamVolume(AudioManager.STREAM_MUSIC, index, 0);

}

6. 左右滑动快进快退

//滑动监听
    @Override
    public boolean onScroll(MotionEvent e1, MotionEvent e2, float distanceX, float distanceY) {
        float mOldX = e1.getX(), mOldY = e1.getY();
        int y = (int) e2.getRawY();
        int x = (int) e2.getRawX();
        Display disp = activity.getWindowManager().getDefaultDisplay();
        int windowWidth = disp.getWidth();
        int windowHeight = disp.getHeight();
        if (mOldX > windowWidth * 3.0 / 4.0) {// 右边滑动 屏幕 3/4
            onVolumeSlide((mOldY - y) / windowHeight);
        } else if (mOldX < windowWidth * 1.0 / 4.0) {// 左边滑动 屏幕 1/4
            onBrightnessSlide((mOldY - y) / windowHeight);
        }
        return super.onScroll(e1, e2, distanceX, distanceY);
    }

7. 退出时保留播放进度

当页面失去焦点时，保存当前播放进度数值，然后当恢复播放的时候，重新设置进度

8. 全屏播放时根据手机方向变化，屏幕自动旋转

首先确定开始收集转屏，然后页面设置中设置为响应屏幕方向的变化，即可自动切换

9. 进度条控件大小和位置的设置

@Override
protected View makeControllerView() {
    View v = ((LayoutInflater) getContext().getSystemService(Context.LAYOUT_INFLATER_SERVICE)).inflate(getResources().getIdentifier("mymediacontroller", "layout", getContext().getPackageName()), this);
    v.setMinimumHeight(controllerWidth);
	
	... // 省略其他代码

    mAudioManager = (AudioManager) context.getSystemService(Context.AUDIO_SERVICE);
    mMaxVolume = mAudioManager
            .getStreamMaxVolume(AudioManager.STREAM_MUSIC);
    return v;
}

完整代码

public class MyMediaController extends MediaController {

private static final int HIDEFRAM = 0;//控制提示窗口的显示
private static final int SHOW_PROGRESS = 2;

private GestureDetector mGestureDetector;//手势监听类
private ImageButton img_back;//返回键
private ImageView img_Battery;//电池电量显示
private TextView textViewTime;//时间提示
private TextView textViewBattery;//文字显示电池
private VideoView videoView;
private Activity activity;
private Context context;
private int controllerWidth = 0;//设置mediaController高度为了使横屏时top显示在屏幕顶端

private View mVolumeBrightnessLayout;//提示窗口
private ImageView mOperationBg;//提示图片
private TextView mOperationTv;//提示文字
private AudioManager mAudioManager;

private SeekBar progress;
private boolean mDragging;
private MediaPlayerControl player;
//最大声音
private int mMaxVolume;
// 当前声音
private int mVolume = -1;
//当前亮度
private float mBrightness = -1f;

//返回监听
private View.OnClickListener backListener = new View.OnClickListener() {
    public void onClick(View v) {
        if(activity != null){
            activity.finish();
        }
    }
};

private Handler myHandler = new Handler() {
    @Override
    public void handleMessage(Message msg) {
        long pos;
        switch (msg.what) {
            case HIDEFRAM://隐藏提示窗口
                mVolumeBrightnessLayout.setVisibility(View.GONE);
                mOperationTv.setVisibility(View.GONE);
                break;
        }
    }
};


//videoview 用于对视频进行控制的等，activity为了退出
public MyMediaController(Context context, VideoView videoView , Activity activity) {
    super(context);
    this.context = context;
    this.videoView = videoView;
    this.activity = activity;
    WindowManager wm = (WindowManager) context
            .getSystemService(Context.WINDOW_SERVICE);
    controllerWidth = wm.getDefaultDisplay().getWidth();
    mGestureDetector = new GestureDetector(context, new MyGestureListener());
}

@Override
protected View makeControllerView() {
    View v = ((LayoutInflater) getContext().getSystemService(Context.LAYOUT_INFLATER_SERVICE)).inflate(getResources().getIdentifier("mymediacontroller", "layout", getContext().getPackageName()), this);
    v.setMinimumHeight(controllerWidth);
    //TOP
//        img_back = (ImageButton) v.findViewById(getResources().getIdentifier("mediacontroller_top_back", "id", context.getPackageName()));
//        img_Battery = (ImageView) v.findViewById(getResources().getIdentifier("mediacontroller_imgBattery", "id", context.getPackageName()));
//        img_back.setOnClickListener(backListener);
//        textViewBattery = (TextView)v.findViewById(getResources().getIdentifier("mediacontroller_Battery", "id", context.getPackageName()));
//        textViewTime = (TextView)v.findViewById(getResources().getIdentifier("mediacontroller_time", "id", context.getPackageName()));
    img_back = (ImageButton) v.findViewById(R.id.mediacontroller_top_back);
    img_Battery = (ImageView) v.findViewById(R.id.mediacontroller_imgBattery);
    img_back.setOnClickListener(backListener);
    textViewBattery = (TextView)v.findViewById(R.id.mediacontroller_Battery);
    textViewTime = (TextView)v.findViewById(R.id.mediacontroller_time);
    progress = (SeekBar)v.findViewById(R.id.mediacontroller_seekbar);
    //mid
    mVolumeBrightnessLayout = (RelativeLayout)v.findViewById(R.id.operation_volume_brightness);
    mOperationBg = (ImageView)v.findViewById(R.id.operation_bg);
    mOperationTv = (TextView) v.findViewById(R.id.operation_tv);
    mOperationTv.setVisibility(View.GONE);
    mAudioManager = (AudioManager) context.getSystemService(Context.AUDIO_SERVICE);
    mMaxVolume = mAudioManager
            .getStreamMaxVolume(AudioManager.STREAM_MUSIC);

    return v;

}

@Override
public boolean dispatchKeyEvent(KeyEvent event) {
    System.out.println("MYApp-MyMediaController-dispatchKeyEvent");
    return true;
}

@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;

    // 隐藏
    myHandler.removeMessages(HIDEFRAM);
    myHandler.sendEmptyMessageDelayed(HIDEFRAM, 1);
}

private class MyGestureListener extends GestureDetector.SimpleOnGestureListener {
    @Override
    public boolean onSingleTapUp(MotionEvent e) {
        return false;
    }

    @Override
    public boolean onSingleTapConfirmed(MotionEvent e) {
        //当收拾结束，并且是单击结束时，控制器隐藏/显示
        toggleMediaControlsVisiblity();
        return super.onSingleTapConfirmed(e);
    }

    @Override
    public boolean onDown(MotionEvent e) {
        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();
        int x = (int) e2.getRawX();
        Display disp = activity.getWindowManager().getDefaultDisplay();
        int windowWidth = disp.getWidth();
        int windowHeight = disp.getHeight();
        if (mOldX > windowWidth * 3.0 / 4.0) {// 右边滑动 屏幕 3/4
            onVolumeSlide((mOldY - y) / windowHeight);
        } else if (mOldX < windowWidth * 1.0 / 4.0) {// 左边滑动 屏幕 1/4
            onBrightnessSlide((mOldY - y) / windowHeight);
        }
        return super.onScroll(e1, e2, distanceX, distanceY);
    }
    //双击暂停或开始
    @Override
    public boolean onDoubleTap(MotionEvent e) {
        playOrPause();
        return true;
    }

    @Override
    public boolean onFling(MotionEvent e1, MotionEvent e2, float velocityX, float velocityY) {
        return super.onFling(e1, e2, velocityX, velocityY);
    }
}

/**
 * 滑动改变声音大小
 *
 * @param percent
 */
private void onVolumeSlide(float percent) {
    if (mVolume == -1) {
        mVolume = mAudioManager.getStreamVolume(AudioManager.STREAM_MUSIC);
        if (mVolume < 0)
            mVolume = 0;

        // 显示
        mVolumeBrightnessLayout.setVisibility(View.VISIBLE);
        mOperationTv.setVisibility(VISIBLE);
    }

    int index = (int) (percent * mMaxVolume) + mVolume;
    if (index > mMaxVolume)
        index = mMaxVolume;
    else if (index < 0)
        index = 0;
    if (index >= 10) {
        mOperationBg.setImageResource(R.drawable.volmn_100);
    } else if (index >= 5 && index < 10) {
        mOperationBg.setImageResource(R.drawable.volmn_60);
    } else if (index > 0 && index < 5) {
        mOperationBg.setImageResource(R.drawable.volmn_30);
    } else {
        mOperationBg.setImageResource(R.drawable.volmn_no);
    }
    //DecimalFormat    df   = new DecimalFormat("######0.00");
    mOperationTv.setText((int) (((double) index / mMaxVolume)*100)+"%");
    // 变更声音
    mAudioManager.setStreamVolume(AudioManager.STREAM_MUSIC, index, 0);

}

/**
 * 滑动改变亮度
 *
 * @param percent
 */
private void onBrightnessSlide(float percent) {
    if (mBrightness < 0) {
        mBrightness = activity.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);
        mOperationTv.setVisibility(VISIBLE);

    }



    WindowManager.LayoutParams lpa = activity.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;
    activity.getWindow().setAttributes(lpa);

    mOperationTv.setText((int) (lpa.screenBrightness * 100) + "%");
    if (lpa.screenBrightness * 100 >= 90) {
        mOperationBg.setImageResource(R.drawable.light_100);
    } else if (lpa.screenBrightness * 100 >= 80 && lpa.screenBrightness * 100 < 90) {
        mOperationBg.setImageResource(R.drawable.light_90);
    } else if (lpa.screenBrightness * 100 >= 70 && lpa.screenBrightness * 100 < 80) {
        mOperationBg.setImageResource(R.drawable.light_80);
    } else if (lpa.screenBrightness * 100 >= 60 && lpa.screenBrightness * 100 < 70) {
        mOperationBg.setImageResource(R.drawable.light_70);
    } else if (lpa.screenBrightness * 100 >= 50 && lpa.screenBrightness * 100 < 60) {
        mOperationBg.setImageResource(R.drawable.light_60);
    } else if (lpa.screenBrightness * 100 >= 40 && lpa.screenBrightness * 100 < 50) {
        mOperationBg.setImageResource(R.drawable.light_50);
    } else if (lpa.screenBrightness * 100 >= 30 && lpa.screenBrightness * 100 < 40) {
        mOperationBg.setImageResource(R.drawable.light_40);
    } else if (lpa.screenBrightness * 100 >= 20 && lpa.screenBrightness * 100 < 20) {
        mOperationBg.setImageResource(R.drawable.light_30);
    } else if (lpa.screenBrightness * 100 >= 10 && lpa.screenBrightness * 100 < 20) {
        mOperationBg.setImageResource(R.drawable.light_20);
    }


}


public void setTime(String time){
    if (textViewTime != null)
        textViewTime.setText(time);
}
//显示电量，
public void setBattery(String stringBattery){
    if(textViewTime != null && img_Battery != null){
        textViewBattery.setText(stringBattery + "%");
        int battery = Integer.valueOf(stringBattery);
        if(battery < 15)img_Battery.setImageDrawable(getResources().getDrawable(R.drawable.battery_15));
        if(battery < 30 && battery >= 15)img_Battery.setImageDrawable(getResources().getDrawable(R.drawable.battery_15));
        if(battery < 45 && battery >= 30)img_Battery.setImageDrawable(getResources().getDrawable(R.drawable.battery_30));
        if(battery < 60 && battery >= 45)img_Battery.setImageDrawable(getResources().getDrawable(R.drawable.battery_45));
        if(battery < 75 && battery >= 60)img_Battery.setImageDrawable(getResources().getDrawable(R.drawable.battery_60));
        if(battery < 90 && battery >= 75)img_Battery.setImageDrawable(getResources().getDrawable(R.drawable.battery_75));
        if(battery > 90 )img_Battery.setImageDrawable(getResources().getDrawable(R.drawable.battery_90));
    }
}
//隐藏/显示
private void toggleMediaControlsVisiblity(){
    if (isShowing()) {
        hide();
    } else {
        show();
    }
}
//播放与暂停
private void playOrPause(){
    if (videoView != null)
        if (videoView.isPlaying()) {
            videoView.pause();
        } else {
            videoView.start();
        }
}
}
 类似资料：

相关阅读

YouTube嵌入式视频：自动播放功能无法在iPhone中使用使用JQuery播放/暂停HTML 5视频iOS开发实现音频播放功能java实现音频文件播放功能vue + typescript + video.js实现 流媒体播放 视频监控功能

相关文章

Linux日志文件及功能HTML 音频/视频Linux常见服务类别及功能cvte 视频论述GCC的组成部分以及使用到的软件

相关问答

用于播放的视频播放器。mpd文件使用ffmpeg编码时播放视频JavaFX视频未播放如何使用多音频流的mpv播放视频从URI播放视频时无法播放此视频错误

相关文档

获得场景视频 云点播文档获得场景视频 云直播文档Chrome 扩展及应用开发PHP 扩展开发及内核应用Neo4j 中文使用手册以及例子
快捷导航： 新手教程 算法原理 架构设计 Java进阶 数据库进阶 大厂专栏 面试经验 编程笔记 编程问答 所有专题 文档资料 工具软件 电子书籍 小牛导航
在线工具： 房贷计算器 个税计算器 Linux命令查询 Json格式化 正则表达式 颜色转换 AES加解密 SHA1加密 MD5加密 毒鸡汤 字数统计 随机密码生成 进制转换 Base64编解码 励志句子
Copyright © 2019-2024 小牛知识库@xnip.cn. All Rights Reserved.