欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  移动技术

Android弹幕框架 黑暗火焰使基本使用方法

程序员文章站 2024-03-03 23:19:16
今天我将分享由bilibili开源的android弹幕框架(danmakuflamemaster)的学习经验。 我是将整个框架以model的形式引入项目中的,这样更方便的...

今天我将分享由bilibili开源的android弹幕框架(danmakuflamemaster)的学习经验。

我是将整个框架以model的形式引入项目中的,这样更方便的观察源码。也可以通过依赖的方式注入进来

dependencies { 
compile 'com.github.ctiao:danmakuflamemaster:0.5.3' 
}

先放一下我要做成的效果图:

Android弹幕框架 黑暗火焰使基本使用方法

页面分析

从上图来看,整个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弹幕框架 黑暗火焰使,希望对大家有所帮助