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

最新推荐文章于 2024-07-24 13:25:54 发布
最新推荐文章于 2024-07-24 13:25:54 发布
阅读量3.7k 收藏 4
点赞数
分类专栏： Android

项目地址https://github.com/Hemumu/HLiveDemo/tree/master

笔误，JieCaoVideoPlayer是基于MediaPlayer的写的，不是基于ijkplayer封装的，在此修正

现在有很多的开源播放器，本文所选的是基于MediaPlayer封装的开源播放器JieCaoVideoPlayer，弹幕使用的也是B站的开源项目https://github.com/Bilibili/DanmakuFlameMaster

JieCaoVideoPlayer默认提供了基本的UI界面，但是肯定满足不了每个人的界面要求，所以我们就需要在JieCaoVideoPlayer上简单的封装一下。首先新建一个类继承JCVideoPlayerStandard

public class HVideoPlayer extends JCVideoPlayerStandard {

    @Override
    public void init(final Context context) {
        super.init(context);
        this.mContext = context;
        mEditText = (EditText) findViewById(R.id.msg_edittext);
        mSendImage = (ImageView) findViewById(R.id.send_img);
        mRewardBtn = (ImageView) findViewById(R.id.reward_img);

        mSendImage.setOnClickListener(new OnClickListener() {
            @Override
            public void onClick(View v) {
                String content = mEditText.getText().toString();
                mSendListener.sendMsg(content);
            }
        });
        mRewardBtn.setOnClickListener(new OnClickListener() {
            @Override
            public void onClick(View v) {
                mShowPay.showPay();
            }
        });
    }

    @Override
    public int getLayoutId() {
        return R.layout.custom_video_player;
    }
}

JCVideoPlayerStandard对一些基本的界面操作以及页面逻辑做了封装，我们只需要继承这个类，然后自定义自己的布局。如果有你不需要的控件就隐藏，删除可能会报错。重写init方法初始化一些你自定义的控件和按钮的点击事件。

JieCaoVideoPlayer是通过setUp方法来初始化播放器参数，所以我们也需要来重写这个方法来初始化我们自己的一些参数

    @Override
    public void setUp(String url, int screen, Object... objects) {
        //强制全屏
        FULLSCREEN_ORIENTATION = ActivityInfo.SCREEN_ORIENTATION_SENSOR_LANDSCAPE;
        //添加全屏下的参数
        if (objects.length != 1) {
            mSendListener = (OnSendMsgListener) objects[1];
            mShowPay = (OnPayListener) objects[2];
            mOnFullScreenListener = (OnFullScreenListener) objects[3];
        }
        super.setUp(url, screen, objects[0], mSendListener, mShowPay, mOnFullScreenListener);
        //全屏下展示弹幕
        if (currentScreen == SCREEN_WINDOW_FULLSCREEN) {
            initDanmu();
            mEditText.setVisibility(View.VISIBLE);
            mSendImage.setVisibility(View.VISIBLE);
            mOnFullScreenListener.onFullScreen(this);
        } else if (currentScreen == SCREEN_LAYOUT_NORMAL
                || currentScreen == SCREEN_LAYOUT_LIST) {
            mEditText.setVisibility(View.INVISIBLE);
            mSendImage.setVisibility(View.INVISIBLE);
        }

        //点击返回按钮隐藏弹幕
        backButton.setOnClickListener(new OnClickListener() {
            @Override
            public void onClick(View v) {
                hideDanmu();
                backPress();
            }
        });

        //重写全屏按钮点击事件
        fullscreenButton.setOnClickListener(new OnClickListener() {
            @Override
            public void onClick(View v) {
                if (currentState == CURRENT_STATE_AUTO_COMPLETE) return;
                if (currentScreen == SCREEN_WINDOW_FULLSCREEN) {
                    hideDanmu();
                    backPress();
                } else {
                    //全屏
                    startWindowFullscreen();
                }
            }
        });
    }

需要注意一点的就是播放器器全屏，这里修改了FULLSCREEN_ORIENTATION 参数为ActivityInfo.SCREEN_ORIENTATION_SENSOR_LANDSCAPE使播放器点击全屏后强制全屏并且是横屏的，默认情况点击全屏后是竖屏的，并且根据重力感应调整屏幕方向。需要注意的是使用播放器的Activity需要设置为竖屏

android:screenOrientation="portrait"

否则调用横屏后整个Activity会整个横屏。

需要注意播放器横屏后会创建一个新的播放器实例和当前的播放器不是同一个实例，也就是说点击全屏后会重新初始化当前类，并重新调用setUp方法。那怎么拿到前面小屏模式下一些必须的参数呢？查看下JCVideoPlayerStandard全屏的源码

      public void startWindowFullscreen() {
        Log.i(TAG, "startWindowFullscreen " + " [" + this.hashCode() + "] ");
        hideSupportActionBar(getContext());
        JCUtils.getAppCompActivity(getContext()).setRequestedOrientation(FULLSCREEN_ORIENTATION);

        ViewGroup vp = (ViewGroup) (JCUtils.scanForActivity(getContext()))//.getWindow().getDecorView();
                .findViewById(Window.ID_ANDROID_CONTENT);
        View old = vp.findViewById(FULLSCREEN_ID);
        if (old != null) {
            vp.removeView(old);
        }
        textureViewContainer.removeView(JCMediaManager.textureView);
        try {
            Constructor<JCVideoPlayer> constructor = (Constructor<JCVideoPlayer>) JCVideoPlayer.this.getClass().getConstructor(Context.class);
            JCVideoPlayer jcVideoPlayer = constructor.newInstance(getContext());
            jcVideoPlayer.setId(FULLSCREEN_ID);
            FrameLayout.LayoutParams lp = new FrameLayout.LayoutParams(
                    ViewGroup.LayoutParams.MATCH_PARENT, ViewGroup.LayoutParams.MATCH_PARENT);
            vp.addView(jcVideoPlayer, lp);
            jcVideoPlayer.setUp(url, JCVideoPlayerStandard.SCREEN_WINDOW_FULLSCREEN, objects);
            jcVideoPlayer.setUiWitStateAndScreen(currentState);
            jcVideoPlayer.addTextureView();
            JCVideoPlayerManager.putSecondFloor(jcVideoPlayer);
            R.anim.start_fullscreen);
            CLICK_QUIT_FULLSCREEN_TIME = System.currentTimeMillis();
        } catch (Exception e) {
            e.printStackTrace();
        }

    }

    }

可以看到在全屏的时候重新创建了JCVideoPlayer的实例，并且调用了setUp方法传入了url以及全屏，后面这个objects是干嘛的呢？查看源码

   public void setUp(String url, int screen, Object... objects) {
        if (!TextUtils.isEmpty(this.url) && TextUtils.equals(this.url, url)) {
            return;
        }
        this.url = url;
        this.objects = objects;
        this.currentScreen = screen;
}

可以看到这个objects是在父类的setUp中赋值的，说明我们在调setUp传入的objects会相应的传入全屏播放器实例中，这也就有了上面的代码

   if (objects.length != 1) {
            mSendListener = (OnSendMsgListener) objects[1];
            mShowPay = (OnPayListener) objects[2];
            mOnFullScreenListener = (OnFullScreenListener) objects[3];
        }
    super.setUp(url, screen, objects[0], mSendListener, mShowPay, mOnFullScreenListener);

默认的objects的第一个参数是标题，后面就可以传递自己的一些字段，比如我们在全屏实例中需要回调一些方法，就要将这些接口传到全屏播放器示例中，否则在全屏中使用这些字段会报空指针。

在setUp中如果当前是全屏那么我们需要去加载弹幕，currentScreen字段是当前的状态，如果是全屏就显示弹幕否则就隐藏弹幕相关的东西。关于弹幕库的使用可以参考郭神的文章http://blog.csdn.net/guolin_blog/article/details/51933728这里我就不再细讲了

   /**
     * 初始化弹幕
     */
    private void initDanmu() {
        ViewGroup vp = (ViewGroup) (JCUtils.scanForActivity(getContext()))//.getWindow().getDecorView();
                .findViewById(Window.ID_ANDROID_CONTENT);

        LayoutParams lp = new LayoutParams(
                ViewGroup.LayoutParams.MATCH_PARENT, ViewGroup.LayoutParams.MATCH_PARENT);
        lp.setMargins(0, sp2px(48), 0, sp2px(48));
        danmakuView = new DanmakuView(mContext);
        vp.addView(danmakuView, lp);
        danmakuView.enableDanmakuDrawingCache(true);
        danmakuView.setCallback(new DrawHandler.Callback() {
            @Override
            public void prepared() {
                showDanmaku = true;
                danmakuView.start();
                generateSomeDanmaku();
            }

            @Override
            public void updateTimer(DanmakuTimer timer) {

            }

            @Override
            public void danmakuShown(BaseDanmaku danmaku) {

            }

            @Override
            public void drawingFinished() {

            }
        });
        danmakuContext = DanmakuContext.create();
        danmakuView.prepare(parser, danmakuContext);

    }

在当直播流异常或者的或者网络异常我们需要做一些操作，但JCVideoPlayer并没有提供这方面的回调。又只有发扬我们的探索精神去探索源码了

    @Override
    public void onError(int what, int extra) {
        Log.e(TAG, "onError " + what + " - " + extra + " [" + this.hashCode() + "] ");
        if (what != 38 && what != -38) {
            setUiWitStateAndScreen(CURRENT_STATE_ERROR);
        }
    }

在流异常或者网络异常会打印onError日志，所以找到了这个方法，这下就简单了重写这个方法就行了

   @Override
    public void onError(int what, int extra) {
        super.onError(what, extra);
        //重写onError 视频播放错误的时候隐藏弹幕

         hideDanmu();

    }

默认播放上下有一个工具栏，在3秒后会自动隐藏，可是我们不需要自动隐藏可以重写这个方法

    @Override
    public void startDismissControlViewTimer() {
        //重写父类方法，防止自动隐藏播放器工具栏。如需要自动隐藏请删除此方法或调用super.startDismissControlViewTimer();
    }

可以通过代码的方式自动开始播放，如果在播放就暂停播放

jcVideoPlayer.startButton.performClick();

默认的JieCaoVideoPlayer还支持重力感应进入全屏，只需要在Activity中加入如下代码

JCVideoPlayer.JCAutoFullscreenListener sensorEventListener;
SensorManager                          sensorManager;
@Override
protected void onCreate(@Nullable Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    sensorManager = (SensorManager) getSystemService(SENSOR_SERVICE);
    sensorEventListener = new JCVideoPlayer.JCAutoFullscreenListener();
}
@Override
protected void onResume() {
    super.onResume();
    Sensor accelerometerSensor = sensorManager.getDefaultSensor(Sensor.TYPE_ACCELEROMETER);
    sensorManager.registerListener(sensorEventListener, accelerometerSensor, SensorManager.SENSOR_DELAY_NORMAL);
}
@Override
protected void onPause() {
    super.onPause();
    sensorManager.unregisterListener(sensorEventListener);
}

JieCaoVideoPlayer还支持浮层小窗播放，能在ListView、ViewPager和ListView、ViewPager和Fragment等多重嵌套模式下全屏工作，源码的类大部分方法都是public需要什么重写就行了。

使用
<com.helin.hlivedemo.view.HVideoPlayer
                android:id="@+id/custom_videoplayer_standard"
                android:layout_width="match_parent"
                android:layout_height="200dp" />

在Acitivity中生命周期中加入对播放器的管理

    @Override
    public void onBackPressed() {
        if (JCVideoPlayer.backPress()) {
            //隐藏弹幕
            if (mFullScreenPlayer != null) {
                mFullScreenPlayer.hideDanmu();
                mFullScreenPlayer=null;
            }
            return;
        }
        super.onBackPressed();
    }

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

    @Override
    protected void onPause() {
        super.onPause();
        JCVideoPlayer.releaseAllVideos();
        if (mFullScreenPlayer != null) {
            mFullScreenPlayer.hideDanmu();
        }
    }

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

还可以添加UserAction对播放器的各种状态监听

mVideoPlayerStandard.setJcUserAction(new JCUserAction() {
            @Override
            public void onEvent(int type, String url, int screen, Object... objects) {
                switch (type){
                    //开始播放
                    case JCVideoPlayer.CURRENT_STATE_PLAYING:

                        break;
                     //暂停播放
                    case JCVideoPlayer.CURRENT_STATE_PAUSE:

                        break;

                }
            }
        });

最后效果如下


GIF.gif
demo中的直播流不太稳定大家可以替换成自己觉得稳定的直播流，或者换成一个视频也可以。有什么问题欢迎交流！
Thanks

https://github.com/Bilibili/DanmakuFlameMaster
https://github.com/Bilibili/ijkplayer
https://github.com/lipangit/JieCaoVideoPlayer

Luyifei666
关注
专栏目录
html5实现视频播放器 弹幕效果,基于HTML5的有弹幕功能的视频播放器
weixin_30068505的博客
06-03 1093
如何使用Danmmu Player需要依赖jQuery，因此首先需要加入相关css和js文件。接下来，在body中需要放置播放器的位置加入如下代码：最后，关键的部分，配置参数，调用插件。$("#danmup").DanmuPlayer({src: "abc.mp4", //视频源height: "480px", //区域的高度width: "800px", //区域的宽度urlToGetDanmu...
android-实现一个简单的视频弹幕，Android未来路在何方
m0_63935510的博客
11-09 633
二、原理解析 ================================================================= 1.开始的思路。 (1)自定义ViewGroup-XCDanmuView，继承RelativeLayout来实现，当然也可以继承其他三大布局类。先展示一下项目布局。 (2)需要将界面设置为横屏，并对它进行一些配置。下面是清单文件的代码。 <?xml version="1.0" encoding="utf-8"?> <manifest xmln
android 视频播放的三种方式（并包含弹幕）
qq_35555354的博客
02-14 2564
android 视频播放的三种方式（并包含弹幕）
Android平台RTSP|RTMP直播播放器技术接入说明
最新发布
乐学吧
07-24 1376
以上是Android平台RTSP、RTMP直播播放模块对接说明，在此之前，我们针对SmartPlayer做过一些技术方面的探讨，从低延迟、音视频同步处理、多实例实现、解码效率、性能占用、解码后数据对接、实时截图、录像、网络抖动处理等各个维度，做过相关的技术分享。感兴趣的开发者，可以单独跟我们探讨。
MediaPlayer结合SurfaceView实现播放和弹幕
yuhui77268769的博客
05-16 549
主要SurfaceView类的介绍 一.SurfaceView:主要用于频繁的更新UI时使用的控件，主要用于播放视频展示画面 SurfaceView和View的区别： SurfaceView继承自View的 （1）View 主要适用于主动更新的情况，而 surfaceView 主要适用于被动更新，例如频繁的刷新。 （2）View 在主线程中对画面进行刷新，而 surfaceView 通常会通过一...
MediaPlayer和SurfaceView高级应用-播放视频+弹幕
Transparent_v的博客
08-14 213
第5天MediaPlayer和SurfaceView高级应用-播放视频和弹幕 代码 Activity package com.example.myapplication; import android.graphics.Canvas; import android.graphics.Color; import android.graphics.Paint; import android.grap...
SurfaceView+MediaPlayer视频播放器支持选集，试看(拖进度条)，声音，亮度，弹幕,横竖屏切换。
02-26
SurfaceView+MediaPlayer打造万能播放器，支持选集功能，拖动进度条试看以及重新试看，声音亮度调节及横竖屏重力切换，弹幕功能，方便扩展如锁屏功能等。
Android - 弹幕实现原理（附Demo源码），kotlin爬虫
m0_64382743的博客
12-08 330
2.在观看直播或视频的时候，我们经常能看到弹幕的效果。首先我们从布局上讲一下，其实非常简单，布局最下层是播放器视图，中间那层一般则是弹幕视图层，最上层是操作界面的视图层。这样一说大家的心里是不是就有一个很清晰的结构了。那么下面就直接上布局的代码了。 <?xml version="1.0" encoding="utf-8"?> <RelativeLayout xmlns:android=“http://schemas.android.com/apk/res/android” xmlns:to
Android 在线播放器源码.zip
06-18
4.1 自定义播放器：基于源码，开发者可以实现自定义的播放器功能，如添加广告插播、弹幕功能、多语言字幕切换等。 4.2 网络优化：通过对源码的调整，可以优化播放器在网络不稳定情况下的表现，如增加重试机制、优化...
swift-IOS集成IJK直播(拉流)腾讯IM弹幕赞.
08-15
总结，通过Swift集成IJKLivePlayer和腾讯IM，可以实现iOS应用的直播拉流、弹幕和赞功能。理解每个组件的工作原理，合理地组织项目结构，有助于构建稳定、易维护的应用。在实际开发中，还需要考虑错误处理、性能优化...
饺子播放器使用代码
08-22
除了基本的播放控制，饺子播放器还提供了丰富的功能，如弹幕支持、手势控制、广告插播等。开发者可以根据项目需求，调用相应的API进行扩展和定制。 总结起来，通过`SpecialTopicVideoActivity.java`和`activity_...
一个用Vuejs写的一个直播间Demo视频直播聊天室弹幕多端适配
08-12
一个用Vue.js写的一个直播间Demo（视频直播、聊天室、弹幕、多端适配）
H5+Aliplayer 直播插件+弹幕插件
12-10
Demo是H5+Aliplayer方式直播+弹幕插件Index是直播，123页面是加了弹幕。如果真实直播需要OBS推流方式。不过练手还不错的。
直播视频app源码，Android基础篇 显示、隐藏状态栏和导航栏
云豹网络科技
07-28 167
直播视频app源码，Android基础篇 显示、隐藏状态栏和导航栏实现的相关代码 一、AppTheme主题配置全屏属性 <item name="android:windowFullscreen">true</item> 二、Activity的setContentView之前设置全屏的flag getWindow().setFlags(WindowManager.LayoutParams.FLAG_FULLSCREEN, WindowManager.LayoutParams.FLA
【Android视频 之 阿里云视频播放器 一】
da_caoyuan的博客
08-22 5491
说到视频，现在短视频，小视频真是火的不行，抖音，快手更是很多人手机上必会安装的一款app。那如何开发中一款类似于抖音的app，集视频播放，直播，点播，拍摄，滤镜于一体，那是相当的复杂了。说到这里，就要提阿里云的视频了。废话了一通，咱言归正传，哈哈！ 首先贴出官方的地址：阿里云视频点播 参考博客： ...
腾讯迁移至阿里云播放器
yangguang390455的博客
02-17 631
Android腾讯播放器替换为阿里
Android基础学习总结（十六）——基于ijkplayer封装支持简单界面UI定制的视频播放器
.
01-31 2174
前言 项目开发中遇到需要解析播放m3u8视频流的情况，但是原生的PlayerView非常慢，使用起来复杂，不适合上手，这里找到一款ijkplayer是Bilibili基于ffmpeg开发并开源的轻量级视频播放器，支持播放本地网络视频，也支持流媒体播放。支持Android&iOS。 这里感谢jjdxmashl基于ijkplayer封装了支持简单界面UI定制的视频播放器，操作简单实用，推荐大家使用
DPlayer视频播放器使用方法介绍
热门推荐
Bala大叔
06-25 6万+
最近在项目开发中需要在Web页面中嵌入视频播放器，并且通过监听一些事件来记录访问者对于视频的一些操作，在此记录使用方法，方便查询使用： 1、在页面中加载库文件 <link rel="stylesheet" href="./assets/lib/dplayer/dist/DPlayer.min.css"/> //视频播放器对应样式文件 <script src=".....
Android直播弹幕实现教程：透明实时交互
在Android平台上实现炫酷的网络直播弹幕功能是一个常见的需求，尤其是在直播应用中，弹幕功能能够增强用户的互动体验。本文将详细介绍如何在Android环境中构建这样的功能，为开发者提供一份详细的实现指南。 首先，...
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值