今天我将分享由bilibili开源的android弹幕框架（danmakuflamemaster）的学习经验。
我是将整个框架以model的形式引入项目中的，这样更方便的观察源码。也可以通过依赖的方式注入进来
我要评论
dependencies {
compile 'com.github.ctiao:danmakuflamemaster:0.5.3'
}
先放一下我要做成的效果图：
页面分析
从上图来看，整个ui分成了三层。最下面是视频层，中间是弹幕层，顶层是控制层。现在市场上主流的视频直播软件大多都是这样分层的，不同的是直播类的话，可能还会再多一层交互层，显示签到信息、礼物信息什么的。
既然是分层的话，我就直接用framelayout帧布局来实现了。贴一下我的布局文件：
<framelayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent" android:layout_height="match_parent"> <videoview android:id="@+id/vv_video" android:layout_width="match_parent" android:layout_height="match_parent" /> <master.flame.danmaku.ui.widget.danmakuview android:id="@+id/sv_danmaku" android:layout_width="match_parent" android:layout_height="match_parent" /> <include android:id="@+id/media_controller" android:layout_width="match_parent" android:layout_height="fill_parent" layout="@layout/media_controller" /> </framelayout>
控制层的布局：
<framelayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent" android:layout_height="match_parent" > <linearlayout android:gravity="center_vertical" android:layout_width="match_parent" android:layout_height="wrap_content" android:layout_gravity="bottom" android:background="#8acc22dd" > <button android:layout_weight="1" android:id="@+id/rotate" android:layout_width="0dp" android:layout_height="wrap_content" android:text="@string/rotate" /> <button android:layout_width="0dp" android:layout_weight="1" android:id="@+id/btn_hide" android:layout_height="wrap_content" android:text="@string/hide_danmaku" /> <button android:id="@+id/btn_show" android:layout_width="0dp" android:layout_weight="1" android:layout_height="wrap_content" android:text="@string/show_danmaku" /> <button android:id="@+id/btn_pause" android:layout_width="0dp" android:layout_weight="1" android:layout_height="wrap_content" android:text="@string/pause_danmaku" /> <button android:id="@+id/btn_resume" android:layout_width="0dp" android:layout_weight="1" android:layout_height="wrap_content" android:text="@string/resume_danmaku" /> <button android:id="@+id/btn_send" android:layout_width="0dp" android:layout_weight="1" android:layout_height="wrap_content" android:text="@string/send_danmaku" /> <button android:id="@+id/btn_send_image_text" android:layout_width="0dp" android:layout_weight="1" android:layout_height="wrap_content" android:text="@string/send_danmaku_image_text" /> <button android:id="@+id/btn_send_danmakus" android:layout_width="0dp" android:layout_weight="1" android:layout_height="wrap_content" android:text="@string/send_danmakus" /> </linearlayout> </framelayout>
写完布局，先写一个初始化的方法：
//设置最大行数 hashmap<integer,integer> maxlinespair = new hashmap<>(); maxlinespair.put(basedanmaku.type_scroll_rl,5);//滚动弹幕最大显示5行 //设置是否禁止重叠 hashmap<integer, boolean> overlappingenablepair = new hashmap<>(); overlappingenablepair.put(basedanmaku.type_scroll_rl, true); overlappingenablepair.put(basedanmaku.type_fix_top, true); mdanmakucontext = danmakucontext.create();//初始化上下文 mdanmakucontext.setdanmakustyle(idisplayer.danmaku_style_stroken,3);//设置弹幕类型 mdanmakucontext.setduplicatemergingenabled(false);//设置是否合并重复弹幕 mdanmakucontext.setscrollspeedfactor(1.2f);//设置弹幕滚动速度 mdanmakucontext.setscaletextsize(1.2f);//设置弹幕字体大小 mdanmakucontext.setcachestuffer(new spannedcachestuffer(),mcachestufferadapter);//设置缓存绘制填充器 图文混排使用spannedcachestuffer mdanmakucontext.setmaximumlines(maxlinespair);//设置最大行数 mdanmakucontext.preventoverlapping(overlappingenablepair); //设置是否禁止重叠 mparser = createparser(this.getresources().openrawresource(r.raw.comments));//加载弹幕资源文件 mdvdanmaku.prepare(mparser, mdanmakucontext); mdvdanmaku.showfps(true); mdvdanmaku.enabledanmakudrawingcache(true);
再贴一下绘制填充器的实现，主要实现了将图片和文字排列在一起的效果
private spannablestringbuilder createspannable(drawable drawable) {
string text = "bitmap";
spannablestringbuilder spannablestringbuilder = new spannablestringbuilder(text);
imagespan span = new imagespan(drawable);
spannablestringbuilder.setspan(span, 0, text.length(), spannable.span_inclusive_exclusive);
spannablestringbuilder.append("图文混排");
spannablestringbuilder.setspan(new backgroundcolorspan(color.parsecolor("#8a2233b1")), 0, spannablestringbuilder.length(), spannable.span_inclusive_inclusive);
return spannablestringbuilder;
}
在basedanmaku这个类下，定义了弹幕的基本运动形式：type_scroll_rl、type_scroll_lr、type_fix_top、type_fix_bottom和type_special。也就是从右入左出、左入右出（逆向弹幕）、顶部弹幕、底部弹幕以及高级弹幕。（除此之外还有脚本弹幕）
在初始化的时候，需要传入一个特有的弹幕上下文danmukucontext，通过上下文来初始化一些设置。弹幕资源是保存在xml文件下的，大致格式如下：
.
<i> <chatserver>chat.bilibili.com</chatserver> <chatid>2962351</chatid> <mission>0</mission> <maxlimit>1500</maxlimit> <source>k-v</source> <d p="145.91299438477,1,25,16777215,1422201001,0,d6673695,757075520">我从未见过如此厚颜无耻之人</d> </i>
头信息不需要太多关注，来看看d标签下p对应参数的具体意义：
第一个：弹幕出现的时间
第二个：弹幕类型（1、从右至左；6、从左至右；5、顶部弹幕；4、底部弹幕；7、高级弹幕；8、脚本弹幕'）
第三个：字号
第四个：颜色
第五个：时间戳
第六个：弹幕池id
第七个：用户hash值
第八个：弹幕id
以下是弹幕具体解析代码
/**
* 从弹幕文件中提起弹幕
* @param stream
* @return
*/
private basedanmakuparser createparser(inputstream stream) {
if (stream == null) {
return new basedanmakuparser() {
@override
protected danmakus parse() {
return new danmakus();
}
};
}
iloader loader = danmakuloaderfactory.create(danmakuloaderfactory.tag_bili);//创建一个bilidanmakuloader实例来加载弹幕流文件
try {
loader.load(stream);
} catch (illegaldataexception e) {
e.printstacktrace();
}
basedanmakuparser parser = new bilidanmukuparser();//弹幕解析者
idatasource<?> datasource = loader.getdatasource();
parser.load(datasource);
return parser;
}
具体解析方案：
string tagname = localname.length() != 0 ? localname : qname;
tagname = tagname.tolowercase(locale.getdefault()).trim();
if (tagname.equals("d")) {
string pvalue = attributes.getvalue("p");
// parse p value to danmaku
string[] values = pvalue.split(",");
if (values.length > 0) {
long time = (long) (float.parsefloat(values[0]) * 1000); // 出现时间
int type = integer.parseint(values[1]); // 弹幕类型
float textsize = float.parsefloat(values[2]); // 字体大小
int color = integer.parseint(values[3]) | 0xff000000; // 颜色
item = mcontext.mdanmakufactory.createdanmaku(type, mcontext);
if (item != null) {
item.settime(time);
item.textsize = textsize * (mdispdensity - 0.6f);
item.textcolor = color;
item.textshadowcolor = color <= color.black ? color.white : color.black;
}
}
}
弹幕资源加载完毕后，就调用mdvdanmuku的prepare（）方法，执行准备。当准备完毕的时候，就会调用drawhandler.callback()回调中的prepared方法。然后在这个prepared方法中正式让弹幕启动。调用顺序如下：
mdvdanmaku.prepare(mparser, mdanmakucontext);//传入解析完成的弹幕和上下文
然后执行danmukuview下的prepare()方法
private void prepare() {
if (handler == null)
handler = new drawhandler(getlooper(mdrawingthreadtype), this, mdanmakuvisible);//创建一个handler
}
通过这个handler来实现进程间的通讯
handler.setconfig(config);
handler.setparser(parser);
handler.setcallback(mcallback);
handler.prepare();-》会让handler发送一个message 去执行正真的准备
drawhandler中有一个回调
public interface callback {
public void prepared();
public void updatetimer(danmakutimer timer);
public void danmakushown(basedanmaku danmaku);
public void drawingfinished();
}
真正的准备
mtimebase = systemclock.uptimemillis();
if (mparser == null || !mdanmakuview.isviewready()) {//没有准备好，延时0.1秒后再执行
sendemptymessagedelayed(prepare, 100);
} else {
prepare(new runnable() {
@override
public void run() {
pausedposition = 0;
mready = true;
if (mcallback != null) {
mcallback.prepared();
}
}
});
}
以上是弹幕view的启动调用流程。
那么，怎么添加弹幕捏？元芳，你怎么看？（tm我怎么知道我怎么看）看下面
private void adddanmaku(boolean islive) {
basedanmaku danmaku = mdanmakucontext.mdanmakufactory.createdanmaku(basedanmaku.type_scroll_rl);//添加一条从右到左的滚动弹幕
if (danmaku == null || mdvdanmaku == null) {
return;
}
danmaku.text = "这是一条弹幕" + system.nanotime();
danmaku.padding = 5;
danmaku.priority = 0; // 可能会被各种过滤器过滤并隐藏显示 设置为1的话，就一定会显示 适用于本机发送的弹幕
danmaku.islive = islive;
danmaku.settime(mdvdanmaku.getcurrenttime() + 1200);
danmaku.textsize = 25f * (mparser.getdisplayer().getdensity() - 0.6f);
danmaku.textcolor = color.red;//默认设置为红色字体
danmaku.textshadowcolor = color.white;
danmaku.bordercolor = color.green;//为了区别其他弹幕与自己发的弹幕，再给自己发的弹幕加上边框
mdvdanmaku.adddanmaku(danmaku);
}
以上所述是小编给大家介绍的android弹幕框架 黑暗火焰使，希望对大家有所帮助
如对本文有疑问， 点击进行留言回复！！
Xamarin 安卓 相机 各种坑 目标API Android 6以后，我选的目标API版本是 Android 10
Android 9.0+软件某些功能突然暴毙：cleartext not permitted
Android : Resource is not a Drawable (color or path)
Flutter问题集锦——Android Studio 4.0.1 在AVD Manger中启动模拟器报“unable to locate abd”
网友评论