Android弹幕功能实现,模仿斗鱼直播的弹幕效果,腾讯T2大牛手把手教你

这样我们就把基本的实现原理分析完了,下面就让我们开始一步步实现吧。

实现视频播放

由于本篇文章的主题是实现弹幕效果,并不涉及直播的任何其他功能,因此这里我们就简单地使用 VideoView 播放一个本地视频来模拟最底层的游戏界面。

首先使用 Android Studio 新建一个 DanmuTest 项目,然后修改 activity_main.xml 中的代码,如下所示:

布局文件的代码非常简单,只有一个 VideoView,我们将它设置为居中显示。
然后修改 MainActivity 中的代码,如下所示:

public class MainActivity extends AppCompatActivity {

@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
VideoView videoView = (VideoView) findViewById(R.id.video_view);
videoView.setVideoPath(Environment.getExternalStorageDirectory() + “/Pixels.mp4”);
videoView.start();
}

@Override
public void onWindowFocusChanged(boolean hasFocus) {
super.onWindowFocusChanged(hasFocus);
if (hasFocus && Build.VERSION.SDK_INT >= 19) {
View decorView = getWindow().getDecorView();
decorView.setSystemUiVisibility(
View.SYSTEM_UI_FLAG_LAYOUT_STABLE
| View.SYSTEM_UI_FLAG_LAYOUT_HIDE_NAVIGATION
| View.SYSTEM_UI_FLAG_LAYOUT_FULLSCREEN
| View.SYSTEM_UI_FLAG_HIDE_NAVIGATION
| View.SYSTEM_UI_FLAG_FULLSCREEN
| View.SYSTEM_UI_FLAG_IMMERSIVE_STICKY);
}
}

}

上面的代码中使用了 VideoView 的最基本用法。在 onCreate() 方法中获取到了 VideoView 的实例,给它设置了一个视频文件的地址,然后调用 start() 方法开始播放。当然,我事先已经在 SD 的根目录中准备了一个叫 Pixels.mp4 的视频文件。

这里使用到了 SD 卡的功能,但是为了代码简单起见,我并没有加入运行时权限的处理,因此一定要记得将你的项目的 targetSdkVersion 指定成 23 以下。

另外,为了让视频播放可以有最好的体验效果,这里使用了沉浸式模式的写法。对沉浸式模式还不理解的朋友可以参考我的上一篇文章 Android 状态栏微技巧,带你真正理解沉浸式模式

最后,我们在 AndroidManifest.xml 中将 Activity 设置为横屏显示并加入权限声明,如下所示:








OK,现在可以运行一下项目了,程序启动之后就会自动开始播放视频,效果如下图所示:

这样我们就把第一步的功能实现了。

实现弹幕效果

接下来我们开始实现弹幕效果。弹幕其实也就是一个自定义的 View,它的上面可以显示类似于跑马灯的文字效果。观众们发表的评论都会在弹幕上显示出来,但又会很快地移出屏幕,既可以起到互动的作用,同时又不会影响视频的正常观看。

我们可以自己来编写这样的一个自定义 View,当然也可以直接使用网上现成的开源项目。那么为了能够简单快速地实现弹幕效果,这里我就准备直接使用由哔哩哔哩开源的弹幕效果库 DanmakuFlameMaster 了。

DanmakuFlameMaster 库的项目主页地址是:github.com/Bilibili/Da…

话说现在使用 Android Studio 来引入一些开源库真的非常方便,只需要在 build.gradle 文件里面添加开源库的依赖就可以了。那么我们修改 app/build.gradle 文件,并在 dependencies 闭包中添加如下依赖:

dependencies {
compile fileTree(dir: ‘libs’, include: [‘*.jar’])
compile ‘com.android.support:appcompat-v7:24.2.1’
testCompile ‘junit:junit:4.12’
compile ‘com.github.ctiao:DanmakuFlameMaster:0.5.3’
}

这样我们就将 DanmakuFlameMaster 库引入到当前项目中了。然后修改 activity_main.xml 中的代码,如下所示:

<master.flame.danmaku.ui.widget.DanmakuView
android:id=“@+id/danmaku_view”
android:layout_width=“match_parent”
android:layout_height=“match_parent” />

可以看到,这里在 RelativeLayout 中加入了一个 DanmakuView 控件,这个控件就是用于显示弹幕信息的了。注意一定要将 DanmakuView 写在 VideoView 的下面,因为 RelativeLayout 中后添加的控件会被覆盖在上面。

接下来修改 MainActivity 中的代码,我们在这里加入弹幕显示的逻辑,如下所示:

public class MainActivity extends AppCompatActivity {

private boolean showDanmaku;

private DanmakuView danmakuView;

private DanmakuContext danmakuContext;

private BaseDanmakuParser parser = new BaseDanmakuParser() {
@Override
protected IDanmakus parse() {
return new Danmakus();
}
};

@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
VideoView videoView = (VideoView) findViewById(R.id.video_view);
videoView.setVideoPath(Environment.getExternalStorageDirectory() + “/Pixels.mp4”);
videoView.start();
danmakuView = (DanmakuView) findViewById(R.id.danmaku_view);
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);
}

/**

  • 向弹幕View中添加一条弹幕
  • @param content
  •      弹幕的具体内容
    
  • @param withBorder
  •      弹幕是否有边框
    

*/
private void addDanmaku(String content, boolean withBorder) {
BaseDanmaku danmaku = danmakuContext.mDanmakuFactory.createDanmaku(BaseDanmaku.TYPE_SCROLL_RL);
danmaku.text = content;
danmaku.padding = 5;
danmaku.textSize = sp2px(20);

自我介绍一下,小编13年上海交大毕业,曾经在小公司待过,也去过华为、OPPO等大厂,18年进入阿里一直到现在。

深知大多数初中级安卓工程师,想要提升技能,往往是自己摸索成长,但自己不成体系的自学效果低效又漫长,而且极易碰到天花板技术停滞不前!

因此收集整理了一份《2024年最新Android移动开发全套学习资料》送给大家,初衷也很简单,就是希望能够帮助到想自学提升又不知道该从何学起的朋友,同时减轻大家的负担。
img
img
img
img

由于文件比较大,这里只是将部分目录截图出来,每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频
如果你觉得这些内容对你有帮助,可以添加下面V无偿领取!(备注Android)
img

Android高级架构师

由于篇幅问题,我呢也将自己当前所在技术领域的各项知识点、工具、框架等汇总成一份技术路线图,还有一些架构进阶视频、全套学习PDF文件、面试文档、源码笔记做整理一份资料。

需要的朋友可以**私信【学习】**我分享给你,希望里面的资料可以给你们一个更好的学习参考。

或者直接点击下面链接免费获取

Android学习PDF+架构视频+面试文档+源码笔记

  • 330页PDF Android学习核心笔记(内含上面8大板块)

  • Android学习的系统对应视频

  • Android进阶的系统对应学习资料

  • Android BAT部分大厂面试题(有解析)

好了,以上便是今天的分享,希望为各位朋友后续的学习提供方便。觉得内容不错,也欢迎多多分享给身边的朋友哈。

1711355319164)]

  • Android学习的系统对应视频

  • Android进阶的系统对应学习资料

[外链图片转存中…(img-G3uDHw6c-1711355319164)]

  • Android BAT部分大厂面试题(有解析)

[外链图片转存中…(img-8vg1tXMQ-1711355319165)]

好了,以上便是今天的分享,希望为各位朋友后续的学习提供方便。觉得内容不错,也欢迎多多分享给身边的朋友哈。

  • 10
    点赞
  • 15
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值