Android彈幕框架 黑暗火焰使基本使用方法
更新時(shí)間：2016年10月21日 09:43:29 作者：白完江
這篇文章主要介紹了Android彈幕框架黑暗火焰使基本使用方法,需要的朋友可以參考下。今天我將分享由BiliBili開(kāi)源的Android彈幕框架（DanmakuFlameMaster）的學(xué)習(xí)經(jīng)驗(yàn)，感興趣的朋友一起看看吧
今天我將分享由BiliBili開(kāi)源的Android彈幕框架（DanmakuFlameMaster）的學(xué)習(xí)經(jīng)驗(yàn)。
我是將整個(gè)框架以model的形式引入項(xiàng)目中的，這樣更方便的觀察源碼。也可以通過(guò)依賴(lài)的方式注入進(jìn)來(lái)
dependencies {
compile 'com.github.ctiao:DanmakuFlameMaster:0.5.3'
}
先放一下我要做成的效果圖：
頁(yè)面分析
從上圖來(lái)看，整個(gè)UI分成了三層。最下面是視頻層，中間是彈幕層，頂層是控制層?，F(xiàn)在市場(chǎng)上主流的視頻直播軟件大多都是這樣分層的，不同的是直播類(lèi)的話，可能還會(huì)再多一層交互層，顯示簽到信息、禮物信息什么的。
既然是分層的話，我就直接用FrameLayout幀布局來(lái)實(shí)現(xiàn)了。貼一下我的布局文件：
<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>
寫(xiě)完布局，先寫(xiě)一個(gè)初始化的方法：
//設(shè)置最大行數(shù) HashMap<Integer,Integer> maxLinesPair = new HashMap<>(); maxLinesPair.put(BaseDanmaku.TYPE_SCROLL_RL,5);//滾動(dòng)彈幕最大顯示5行 //設(shè)置是否禁止重疊 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);//設(shè)置彈幕類(lèi)型 mDanmakuContext.setDuplicateMergingEnabled(false);//設(shè)置是否合并重復(fù)彈幕 mDanmakuContext.setScrollSpeedFactor(1.2f);//設(shè)置彈幕滾動(dòng)速度 mDanmakuContext.setScaleTextSize(1.2f);//設(shè)置彈幕字體大小 mDanmakuContext.setCacheStuffer(new SpannedCacheStuffer(),mCacheStufferAdapter);//設(shè)置緩存繪制填充器 圖文混排使用SpannedCacheStuffer mDanmakuContext.setMaximumLines(maxLinesPair);//設(shè)置最大行數(shù) mDanmakuContext.preventOverlapping(overlappingEnablePair); //設(shè)置是否禁止重疊 mParser = createParser(this.getResources().openRawResource(R.raw.comments));//加載彈幕資源文件 mDvDanmaku.prepare(mParser, mDanmakuContext); mDvDanmaku.showFPS(true); mDvDanmaku.enableDanmakuDrawingCache(true);
再貼一下繪制填充器的實(shí)現(xiàn)，主要實(shí)現(xiàn)了將圖片和文字排列在一起的效果
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這個(gè)類(lèi)下，定義了彈幕的基本運(yùn)動(dòng)形式：TYPE_SCROLL_RL、TYPE_SCROLL_LR、TYPE_FIX_TOP、TYPE_FIX_BOTTOM和TYPE_SPECIAL。也就是從右入左出、左入右出（逆向彈幕）、頂部彈幕、底部彈幕以及高級(jí)彈幕。（除此之外還有腳本彈幕）
在初始化的時(shí)候，需要傳入一個(gè)特有的彈幕上下文DanmukuContext，通過(guò)上下文來(lái)初始化一些設(shè)置。彈幕資源是保存在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">我從未見(jiàn)過(guò)如此厚顏無(wú)恥之人</d> </i>
頭信息不需要太多關(guān)注，來(lái)看看d標(biāo)簽下p對(duì)應(yīng)參數(shù)的具體意義：
第一個(gè)：彈幕出現(xiàn)的時(shí)間
第二個(gè)：彈幕類(lèi)型（1、從右至左；6、從左至右；5、頂部彈幕；4、底部彈幕；7、高級(jí)彈幕；8、腳本彈幕'）
第三個(gè)：字號(hào)
第四個(gè)：顏色
第五個(gè)：時(shí)間戳
第六個(gè)：彈幕池ID
第七個(gè)：用戶(hù)hash值
第八個(gè)：彈幕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);//創(chuàng)建一個(gè)BiliDanmakuLoader實(shí)例來(lái)加載彈幕流文件
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); // 出現(xiàn)時(shí)間
int type = Integer.parseInt(values[1]); // 彈幕類(lèi)型
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;
}
}
}
彈幕資源加載完畢后，就調(diào)用mDvDanmuku的prepare（）方法，執(zhí)行準(zhǔn)備。當(dāng)準(zhǔn)備完畢的時(shí)候，就會(huì)調(diào)用DrawHandler.CallBack()回調(diào)中的prepared方法。然后在這個(gè)prepared方法中正式讓彈幕啟動(dòng)。調(diào)用順序如下：
mDvDanmaku.prepare(mParser, mDanmakuContext);//傳入解析完成的彈幕和上下文
然后執(zhí)行DanmukuView下的prepare()方法
private void prepare() {
if (handler == null)
handler = new DrawHandler(getLooper(mDrawingThreadType), this, mDanmakuVisible);//創(chuàng)建一個(gè)Handler
}
通過(guò)這個(gè)Handler來(lái)實(shí)現(xiàn)進(jìn)程間的通訊
handler.setConfig(config);
handler.setParser(parser);
handler.setCallback(mCallback);
handler.prepare();-》會(huì)讓handler發(fā)送一個(gè)message 去執(zhí)行正真的準(zhǔn)備
DrawHandler中有一個(gè)回調(diào)
public interface Callback {
public void prepared();
public void updateTimer(DanmakuTimer timer);
public void danmakuShown(BaseDanmaku danmaku);
public void drawingFinished();
}
真正的準(zhǔn)備
mTimeBase = SystemClock.uptimeMillis();
if (mParser == null || !mDanmakuView.isViewReady()) {//沒(méi)有準(zhǔn)備好，延時(shí)0.1秒后再執(zhí)行
sendEmptyMessageDelayed(PREPARE, 100);
} else {
prepare(new Runnable() {
@Override
public void run() {
pausedPosition = 0;
mReady = true;
if (mCallback != null) {
mCallback.prepared();
}
}
});
}
以上是彈幕View的啟動(dòng)調(diào)用流程。
那么，怎么添加彈幕捏？元芳，你怎么看？（TM我怎么知道我怎么看）看下面
private void addDanmaku(boolean islive) {
BaseDanmaku danmaku = mDanmakuContext.mDanmakuFactory.createDanmaku(BaseDanmaku.TYPE_SCROLL_RL);//添加一條從右到左的滾動(dòng)彈幕
if (danmaku == null || mDvDanmaku == null) {
return;
}
danmaku.text = "這是一條彈幕" + System.nanoTime();
danmaku.padding = 5;
danmaku.priority = 0; // 可能會(huì)被各種過(guò)濾器過(guò)濾并隱藏顯示 設(shè)置為1的話，就一定會(huì)顯示 適用于本機(jī)發(fā)送的彈幕
danmaku.isLive = islive;
danmaku.setTime(mDvDanmaku.getCurrentTime() + 1200);
danmaku.textSize = 25f * (mParser.getDisplayer().getDensity() - 0.6f);
danmaku.textColor = Color.RED;//默認(rèn)設(shè)置為紅色字體
danmaku.textShadowColor = Color.WHITE;
danmaku.borderColor = Color.GREEN;//為了區(qū)別其他彈幕與自己發(fā)的彈幕，再給自己發(fā)的彈幕加上邊框
mDvDanmaku.addDanmaku(danmaku);
}
以上所述是小編給大家介紹的Android彈幕框架 黑暗火焰使，希望對(duì)大家有所幫助，如果大家有任何疑問(wèn)請(qǐng)給我留言，小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)腳本之家網(wǎng)站的支持！
您可能感興趣的文章:
- Android自定義View實(shí)現(xiàn)彈幕效果
- Android雙重SurfaceView實(shí)現(xiàn)彈幕效果
- Android實(shí)現(xiàn)視頻彈幕功能
- Android自制精彩彈幕效果
- Android EasyBarrage實(shí)現(xiàn)輕量級(jí)彈幕效果
- Android編程實(shí)現(xiàn)簡(jiǎn)易彈幕效果示例【附demo源碼下載】
- 很棒的Android彈幕效果實(shí)例
- Android 實(shí)現(xiàn)仿網(wǎng)絡(luò)直播彈幕功能詳解及實(shí)例
- Android實(shí)現(xiàn)炫酷的網(wǎng)絡(luò)直播彈幕功能
- Android仿斗魚(yú)直播的彈幕效果
- Android實(shí)現(xiàn)自定義的彈幕效果
- 實(shí)例解析如何在Android應(yīng)用中實(shí)現(xiàn)彈幕動(dòng)畫(huà)效果
- Android簡(jiǎn)單實(shí)現(xiàn)彈幕效果
相關(guān)文章
Android用注解與反射實(shí)現(xiàn)Butterknife功能
Butterknife是一個(gè)在android上實(shí)現(xiàn)ioc（控制反轉(zhuǎn)）的一個(gè)庫(kù)。ioc的核心是解耦。解耦的目的是修改耦合對(duì)象時(shí)不影響另外一個(gè)對(duì)象，降低模塊之間的關(guān)聯(lián)。在Spring中ioc更多的是依靠xml的配置。而android上的IOC框架可以不使用xml配置2022-11-11
Android中使用ZXing生成二維碼（支持添加Logo圖案）
ZXing是谷歌的一個(gè)開(kāi)源庫(kù)，可以用來(lái)生成二維碼、掃描二維碼。接下來(lái)通過(guò)本文給大家介紹Android中使用ZXing生成二維碼（支持添加Logo圖案)，需要的朋友參考下2017-01-01
Android RecyclerView實(shí)現(xiàn)吸頂動(dòng)態(tài)效果流程分析
RecyclerView是Android一個(gè)更強(qiáng)大的控件,其不僅可以實(shí)現(xiàn)和ListView同樣的效果,還有優(yōu)化了ListView中的各種不足。其可以實(shí)現(xiàn)數(shù)據(jù)縱向滾動(dòng),也可以實(shí)現(xiàn)橫向滾動(dòng)(ListView做不到橫向滾動(dòng))。接下來(lái)講解RecyclerView的用法2022-12-12
Android顏色處理SweepGradient掃描及梯度渲染示例
這篇文章主要為大家介紹了Android顏色處理SweepGradient掃描渲染及梯度渲染示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2022-06-06
Android PopWindow 設(shè)置背景亮度的實(shí)例
這篇文章主要介紹了Android PopWindow 設(shè)置背景亮度的實(shí)例的相關(guān)資料,這里提供實(shí)現(xiàn)方法，希望能幫助有所需要的朋友，需要的朋友可以參考下2017-08-08
Android 優(yōu)化之卡頓優(yōu)化的實(shí)現(xiàn)
這篇文章主要介紹了Android 優(yōu)化之卡頓優(yōu)化的實(shí)現(xiàn)，小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2018-07-07
Android中SharedPreference詳解及簡(jiǎn)單實(shí)例
這篇文章主要介紹了 Android中SharedPreference詳解及簡(jiǎn)單實(shí)例的相關(guān)資料,希望通過(guò)本文能幫助到大家，需要的朋友可以參考下2017-09-09
解決VSCode調(diào)試react-native android項(xiàng)目錯(cuò)誤問(wèn)題
這篇文章主要介紹了VSCode調(diào)試react-native android項(xiàng)目錯(cuò)誤解決辦法,本文給大家介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下2020-12-12
Android字符串轉(zhuǎn)Ascii碼實(shí)例代碼
這篇文章主要介紹了Android字符串轉(zhuǎn)Ascii碼的方法，大家參考使用2013-11-11
Android開(kāi)發(fā)基礎(chǔ)實(shí)現(xiàn)音頻文件的播放詳解
這篇文章主要為大家介紹了Android開(kāi)發(fā)基礎(chǔ)實(shí)現(xiàn)音頻文件的播放詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2023-02-02