基于ijkplayer的视频播放器,仿Bilibili客户端,集成沉浸式全屏、弹幕、触屏控制、视频源切换等功能

原创 2016年11月29日 13:48:59

该视频播放器基于Bilibili的开源项目ijkplayer做的,是在github上的demo基础上搭建了个播放界面,如果你之前有研究过这个demo代码,那你看这个库就非常简单了。至于还不知道ijkplayer这个开源库的话可以先去了解下,这应该是目前github最火的开源视频播放器了吧,网上对这个的介绍也很多这里就不讲这个了。

我从Bilibili客户端扒了好多图标来用,希望不要造成不好的影响,我也算个B站粉- -。下面先列一下目前集成的主要功能:

  1. 沉浸式全屏播放,隐藏状态栏和虚拟键如果有的话,用的时候有些需要注意的地方放后面说;
  2. 弹幕功能,包括发射弹幕和弹幕基本样式设置:大小、颜色和类型(顶部、底部和滚动弹幕),效果同Bilibili;
  3. 竖屏和横屏的切换,其实就是小屏和全屏的切换,提供了重力感应来切换竖横屏功能;
  4. 触屏控制,竖直方向左边控制亮度,右边控制声音,水平方向控制播放进度;
  5. 三指旋转缩放,当三个手指触屏时就可以进行视频界面的旋转缩放,效果同Bilibili;
  6. 视频源切换,可设置流畅、清晰、高清、超清和1080p等5种视频源;
  7. 视频宽高比例设置,包括16:9、4:3、视频内嵌填充界面和填充屏幕等4种;
  8. 记录上次播放进度的跳转功能;
  9. 其它的如截屏功能,电池电量显示,时间显示,播放常亮,跑马灯标题和锁屏处理;

Screenshot






动图显示比较慢,就传两张gif。

Usage

添加依赖:

// 在项目根 build.gradle 添加如下:
allprojects {
	repositories {
		...
		maven { url 'https://jitpack.io' }
	}
}

// 添加依赖库:
dependencies {
	compile 'com.github.Rukey7:IjkPlayerView:{lastest-version}'
}
配置AndroidManifest.xml:

<activity
    android:name=".IjkPlayerActivity"
    android:configChanges="orientation|keyboardHidden|screenSize"/>

布局:

<com.dl7.player.media.IjkPlayerView
    android:id="@+id/player_view"
    android:layout_width="match_parent"
    android:layout_height="200dp"/>

代码中调用方式如下:

public class IjkPlayerActivity extends AppCompatActivity {

    private IjkPlayerView mPlayerView;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_ijk_player);
        setSupportActionBar(mToolbar);
        //	以下为配置接口,选择需要的调用
        Glide.with(this).load(IMAGE_URL).fitCenter().into(mPlayerView.mPlayerThumb);	// 显示界面图
        mPlayerView.init()				// 初始化,必须先调用
                .setTitle("这是个标题")	// 设置标题,全屏时显示
                .setSkipTip(1000*60*1) 	// 设置跳转提示
                .enableOrientation()	// 使能重力翻转
                .setVideoPath(VIDEO_URL)	// 设置视频Url,单个视频源可用这个
                .setVideoSource(null, VIDEO_URL, VIDEO_URL, VIDEO_URL, null)	// 设置视频Url,多个视频源用这个
                .setMediaQuality(IjkPlayerView.MEDIA_QUALITY_HIGH)	// 指定初始视频源
                .enableDanmaku()		// 使能弹幕功能
                .setDanmakuSource(getResources().openRawResource(R.raw.comments))	// 添加弹幕资源,必须在enableDanmaku()后调用
                .start();	// 启动播放
    }

    @Override
    protected void onResume() {
        super.onResume();
        mPlayerView.onResume();
    }

    @Override
    protected void onPause() {
        super.onPause();
        mPlayerView.onPause();
    }

    @Override
    protected void onDestroy() {
        super.onDestroy();
        mPlayerView.onDestroy();
    }

    @Override
    public void onConfigurationChanged(Configuration newConfig) {
        super.onConfigurationChanged(newConfig);
        mPlayerView.configurationChanged(newConfig);
    }

    @Override
    public boolean onKeyDown(int keyCode, KeyEvent event) {
        if (mPlayerView.handleVolumeKey(keyCode)) {
            return true;
        }
        return super.onKeyDown(keyCode, event);
    }

    @Override
    public void onBackPressed() {
        if (mPlayerView.onBackPressed()) {
            return;
        }
        super.onBackPressed();
    }
}

如果你要使用固定全屏模式,可更改如下:

public class IjkFullscreenActivity extends AppCompatActivity {

    IjkPlayerView mPlayerView;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        mPlayerView = new IjkPlayerView(this);
        setContentView(mPlayerView);
        Glide.with(this).load(IMAGE_URL).fitCenter().into(mPlayerView.mPlayerThumb);
        mPlayerView.init()
                .setTitle("这是个标题")
                .alwaysFullScreen()			// 固定全屏
                .setVideoPath(VIDEO_URL)	// 设置视频Url,单个视频源可用这个
                .start();
    }

    // ......
}

Other

影响沉浸式全屏播放的一些操作:

1. 不要使用 android:fitsSystemWindows="true" ,也不要用 SystemBarTint来着色状态栏;

2. 确保播放器处于除 ToolBar 外界面的顶部;

其他说明:
1. 我目前都是在自己手机荣耀6测的,可能不少异常我没能处理,如果使用有遇到问题可以和我说下,一起探讨;
2. 没有做直播功能,如果要弄的话我觉得还得重新搭个别的界面,现在代码里的UI东西已经有点多了,再整一起不太合适,以后有时间再研究;
3. 其实还有很多配置功能没加进去,比如视频和弹幕的设置,可参考Bilibili客户端,暂时不想加这些东西;

Github

项目地址IjkPlayerView

错误说明

1、很多人反映点击视频播放的时候崩掉了,这里统一说明一下,错误大致这样:


这是因为android有分不同的CPU架构,比如armv7a、armv5、X86等等,当你使用so库的时候需要根据机型来选择对应版本,而我在视频播放那个库里只引用了‘tv.danmaku.ijk.media:ijkplayer-armv7a:0.6.2’ 这个库,应该大部分机型是这种架构,所以有的机型可能就跑不了,你可以根据你的机型来选择添加其他的,详情可以看B站的说明ijkplayer,比如:


64位的库要求SDK21以上,B站有更新版本,如果要用的时候记得统一后面的版本号。

2、还有一个视频播放的相关问题,就是如果你要播放其它的视频格式比如:MKV、AVI、RM等等,直接用也是播不了的,这个你需要重新编译ijkplayer去配置支持这些视频格式,具体编译方法看ijkplayer的指导说明吧,开启多种格式支持的话so就变很大了。如果你懒得编译的话我之前自己编译了一个armv7a的对应so库,你可以看这里ijkplayer-armv7a。库太大了其它版本就没传上去了,有需要在联系我吧。


Android 直播播放器+弹幕使用总结

项目地址https://github.com/Hemumu/HLiveDemo/tree/master 笔误,JieCaoVideoPlayer是基于MediaPlayer的写的,不是基于ijk...

B 站建立开源工作组:ijkplayer 等多个项目开源

SegmentFault 兄弟 + 基友单位弹幕视频网 Bilibili(B 站)近日在 GitHub 网站上建立了开源工作组(BOSTF)(此处 1024 赞),用以分享与维护自己的开源项目,其中包...

【安卓】 使用ijk播放器实现视频的播放

使用ijk播放器实现视频的播放 ijkplayer播放器是Bilibili开源的一款播放器 github地址:https://github.com/Bilibili/ijkplayer; ...

Android视频播放器实现小窗口和全屏状态切换

Android视频播放器实现小窗口和全屏状态切换实在是不好意思,楼下评论的兄弟久等了,这文章一直没写第一是没时间,第二是自己准备也不充足,最近才看了好几个Android视频播放器的开源项目,才对视频播...

android 基于ijkplayer项目进行的播放器

android 基于ijkplayer项目进行的播放器

一个视频播放列表demo,视频播放使用的ijkplayer,正在播放视频拖动到不可见区域小窗口播放,可全屏切换

https://github.com/w1123440793/VideoListDemo

SuperPlayer 是一个基于 IjkPlayer 的控制器,支持手势操作,滑动快进,快退,支持,上滑音量亮度的变化,支持指点位置播放,播放源的切换

SuperPlayer 是一个基于 IjkPlayer 的控制器,支持手势操作,滑动快进,快退,支持,上滑音量亮度的变化,支持指点位置播放,播放源的切换...

仿哔哩哔哩动画Android客户端(>哔哩哔哩 (゜-゜)つロ 干杯~-bilibili)

欢迎使用Markdown编辑器写博客本Markdown编辑器使用StackEdit修改而来,用它写博客,将会带来全新的体验哦: Markdown和扩展Markdown简洁的语法 代码块高亮 图片链接和...
  • yoyiyi8
  • yoyiyi8
  • 2017年07月07日 20:09
  • 931

获取视频旋转角度,并对视频进行旋转

Android平台上录制视频时,如果是横屏录制(手机逆时针旋转90度),则录制的视频时不带角度的。如果是竖屏录制(正常的拿手机的姿势),此时的录制的视频的旋转角度是90度。如果再旋转90度,此时一般音...

BiliBili-IJKPlayer播放器源码分析(一)

IJKPlayer是一款基于ffmpeg/ffplay的开源播放器,可支持rtmp/rtsp/hls等多种媒体协议,支持Android/IOS等移动平台。项目地址:https://github.com...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:基于ijkplayer的视频播放器,仿Bilibili客户端,集成沉浸式全屏、弹幕、触屏控制、视频源切换等功能
举报原因:
原因补充:

(最多只允许输入30个字)