Android 实现仿网络直播弹幕功能详解及实例

2022-06-06 06:56

短信预约 -IT技能 免费直播动态提醒

Android 网络直播弹幕

最近看好多网络电视，播放器及直播都有弹幕功能，自己周末捣鼓下并实现，以下是网上的资料，大家可以看下。

现在网络直播越来越火，网络主播也逐渐成为一种新兴职业，对于网络直播，弹幕功能是必须要有的，如下图：

首先来分析一下，这个弹幕功能是怎么实现的，首先在最下面肯定是一个游戏界面View，然后游戏界面上有弹幕View，弹幕的View必须要做成完全透明的，这样即使覆盖在游戏界面的上方也不会影响到游戏的正常观看，只有当有人发弹幕消息时，再将消息绘制到弹幕的View上面就可以了，下方肯定还有有操作界面View，可以让用户来发弹幕和送礼物的功能，原理示意图如下所示：

参照原理图，下面一步一步来实现这个功能。

实现视频的播放

activity_main.xml


<RelativeLayout 
 xmlns:android="http://schemas.android.com/apk/res/android" 
 android:id="@+id/activity_main" 
 android:layout_width="match_parent" 
 android:layout_height="match_parent" 
 android:background="#000"> 
 <VideoView 
  android:id="@+id/video_view" 
  android:layout_width="match_parent" 
  android:layout_height="wrap_content" 
  android:layout_centerInParent="true"/> 
</RelativeLayout>

MainActivity.java


package com.jackie.bombscreen; 
import android.os.Build; 
import android.os.Bundle; 
import android.os.Environment; 
import android.support.v7.app.AppCompatActivity; 
import android.view.View; 
import android.widget.VideoView; 
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() + "/xiaoxingyun.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); 
  } 
 } 
}

最后别忘了设置AndroidMainfest.xml

效果如下：

、

实现弹幕的效果

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

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

DanmakuFlameMaster库的项目主页地址是：http://xiazai.jb51.net/201611/yuanma/DanmakuFlameMaster-master(jb51.net).rar

添加build.gradle依赖

compile 'com.github.ctiao:DanmakuFlameMaster:0.5.3'


<?xml version="1.0" encoding="utf-8"?> 
<RelativeLayout 
 xmlns:android="http://schemas.android.com/apk/res/android" 
 android:id="@+id/activity_main" 
 android:layout_width="match_parent" 
 android:layout_height="match_parent" 
 android:background="#000"> 
 <VideoView 
  android:id="@+id/video_view" 
  android:layout_width="match_parent" 
  android:layout_height="wrap_content" 
  android:layout_centerInParent="true"/> 
 <master.flame.danmaku.ui.widget.DanmakuView 
  android:id="@+id/danmaku_view" 
  android:layout_width="match_parent" 
  android:layout_height="match_parent" /> 
</RelativeLayout>

修改MainActivity.java


package com.jackie.bombscreen; 
import android.graphics.Color; 
import android.os.Build; 
import android.os.Bundle; 
import android.os.Environment; 
import android.support.v7.app.AppCompatActivity; 
import android.view.View; 
import android.widget.VideoView; 
import java.util.Random; 
import master.flame.danmaku.controller.DrawHandler; 
import master.flame.danmaku.danmaku.model.BaseDanmaku; 
import master.flame.danmaku.danmaku.model.DanmakuTimer; 
import master.flame.danmaku.danmaku.model.IDanmakus; 
import master.flame.danmaku.danmaku.model.android.DanmakuContext; 
import master.flame.danmaku.danmaku.model.android.Danmakus; 
import master.flame.danmaku.danmaku.parser.BaseDanmakuParser; 
import master.flame.danmaku.ui.widget.DanmakuView; 
public class MainActivity extends AppCompatActivity { 
 private boolean mIsShowDanmaku; 
 private DanmakuView mDanmakuView; 
 private DanmakuContext mDanmakuContext; 
 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() + "/xiaoxingyun.mp4"); 
  videoView.start(); 
  mDanmakuView = (DanmakuView) findViewById(R.id.danmaku_view); 
  mDanmakuView.enableDanmakuDrawingCache(true); 
  mDanmakuView.setCallback(new DrawHandler.Callback() { 
   @Override 
   public void prepared() { 
    mIsShowDanmaku = true; 
    mDanmakuView.start(); 
    generateSomeDanmaku(); 
   } 
   @Override 
   public void updateTimer(DanmakuTimer timer) { 
   } 
   @Override 
   public void danmakuShown(BaseDanmaku danmaku) { 
   } 
   @Override 
   public void drawingFinished() { 
   } 
  }); 
  mDanmakuContext = DanmakuContext.create(); 
  mDanmakuView.prepare(parser, mDanmakuContext); 
 } 
  
 private void addDanmaku(String content, boolean withBorder) { 
  BaseDanmaku danmaku = mDanmakuContext.mDanmakuFactory.createDanmaku(BaseDanmaku.TYPE_SCROLL_RL); 
  danmaku.text = content; 
  danmaku.padding = 5; 
  danmaku.textSize = sp2px(20); 
  danmaku.textColor = Color.WHITE; 
  danmaku.setTime(mDanmakuView.getCurrentTime()); 
  if (withBorder) { 
   danmaku.borderColor = Color.GREEN; 
  } 
  mDanmakuView.addDanmaku(danmaku); 
 } 
  
 private void generateSomeDanmaku() { 
  new Thread(new Runnable() { 
   @Override 
   public void run() { 
    while(mIsShowDanmaku) { 
     int time = new Random().nextInt(300); 
     String content = "" + time + time; 
     addDanmaku(content, false); 
     try { 
      Thread.sleep(time); 
     } catch (InterruptedException e) { 
      e.printStackTrace(); 
     } 
    } 
   } 
  }).start(); 
 } 
  
 public int sp2px(float spValue) { 
  final float fontScale = getResources().getDisplayMetrics().scaledDensity; 
  return (int) (spValue * fontScale + 0.5f); 
 } 
 @Override 
 protected void onPause() { 
  super.onPause(); 
  if (mDanmakuView != null && mDanmakuView.isPrepared()) { 
   mDanmakuView.pause(); 
  } 
 } 
 @Override 
 protected void onResume() { 
  super.onResume(); 
  if (mDanmakuView != null && mDanmakuView.isPrepared() && mDanmakuView.isPaused()) { 
   mDanmakuView.resume(); 
  } 
 } 
 @Override 
 protected void onDestroy() { 
  super.onDestroy(); 
  mIsShowDanmaku = false; 
  if (mDanmakuView != null) { 
   mDanmakuView.release(); 
   mDanmakuView = null; 
  } 
 } 
 @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); 
  } 
 } 
}

效果图如下：

加入操作界面


<?xml version="1.0" encoding="utf-8"?> 
<RelativeLayout 
 xmlns:android="http://schemas.android.com/apk/res/android" 
 android:id="@+id/activity_main" 
 android:layout_width="match_parent" 
 android:layout_height="match_parent" 
 android:background="#000"> 
 <VideoView 
  android:id="@+id/video_view" 
  android:layout_width="match_parent" 
  android:layout_height="wrap_content" 
  android:layout_centerInParent="true"/> 
 <master.flame.danmaku.ui.widget.DanmakuView 
  android:id="@+id/danmaku_view" 
  android:layout_width="match_parent" 
  android:layout_height="match_parent" /> 
 <LinearLayout 
  android:id="@+id/operation_layout" 
  android:layout_width="match_parent" 
  android:layout_height="50dp" 
  android:layout_alignParentBottom="true" 
  android:background="#fff" 
  android:visibility="gone"> 
  <EditText 
   android:id="@+id/edit_text" 
   android:layout_width="0dp" 
   android:layout_height="match_parent" 
   android:layout_weight="1" /> 
  <Button 
   android:id="@+id/send" 
   android:layout_width="wrap_content" 
   android:layout_height="match_parent" 
   android:text="Send" /> 
 </LinearLayout> 
</RelativeLayout>


package com.jackie.bombscreen; 
import android.graphics.Color; 
import android.os.Build; 
import android.os.Bundle; 
import android.os.Environment; 
import android.support.v7.app.AppCompatActivity; 
import android.text.TextUtils; 
import android.view.View; 
import android.widget.Button; 
import android.widget.EditText; 
import android.widget.LinearLayout; 
import android.widget.VideoView; 
import java.util.Random; 
import master.flame.danmaku.controller.DrawHandler; 
import master.flame.danmaku.danmaku.model.BaseDanmaku; 
import master.flame.danmaku.danmaku.model.DanmakuTimer; 
import master.flame.danmaku.danmaku.model.IDanmakus; 
import master.flame.danmaku.danmaku.model.android.DanmakuContext; 
import master.flame.danmaku.danmaku.model.android.Danmakus; 
import master.flame.danmaku.danmaku.parser.BaseDanmakuParser; 
import master.flame.danmaku.ui.widget.DanmakuView; 
public class MainActivity extends AppCompatActivity { 
 private boolean mIsShowDanmaku; 
 private DanmakuView mDanmakuView; 
 private DanmakuContext mDanmakuContext; 
 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() + "/xiaoxingyun.mp4"); 
  videoView.start(); 
  mDanmakuView = (DanmakuView) findViewById(R.id.danmaku_view); 
  mDanmakuView.enableDanmakuDrawingCache(true); 
  mDanmakuView.setCallback(new DrawHandler.Callback() { 
   @Override 
   public void prepared() { 
    mIsShowDanmaku = true; 
    mDanmakuView.start(); 
    generateSomeDanmaku(); 
   } 
   @Override 
   public void updateTimer(DanmakuTimer timer) { 
   } 
   @Override 
   public void danmakuShown(BaseDanmaku danmaku) { 
   } 
   @Override 
   public void drawingFinished() { 
   } 
  }); 
  mDanmakuContext = DanmakuContext.create(); 
  mDanmakuView.prepare(parser, mDanmakuContext); 
  final LinearLayout operationLayout = (LinearLayout) findViewById(R.id.operation_layout); 
  final Button send = (Button) findViewById(R.id.send); 
  final EditText editText = (EditText) findViewById(R.id.edit_text); 
  mDanmakuView.setOnClickListener(new View.OnClickListener() { 
   @Override 
   public void onClick(View view) { 
    if (operationLayout.getVisibility() == View.GONE) { 
     operationLayout.setVisibility(View.VISIBLE); 
    } else { 
     operationLayout.setVisibility(View.GONE); 
    } 
   } 
  }); 
  send.setOnClickListener(new View.OnClickListener() { 
   @Override 
   public void onClick(View view) { 
    String content = editText.getText().toString(); 
    if (!TextUtils.isEmpty(content)) { 
     addDanmaku(content, true); 
     editText.setText(""); 
    } 
   } 
  }); 
  getWindow().getDecorView().setOnSystemUiVisibilityChangeListener (new View.OnSystemUiVisibilityChangeListener() { 
   @Override 
   public void onSystemUiVisibilityChange(int visibility) { 
    if (visibility == View.SYSTEM_UI_FLAG_VISIBLE) { 
     onWindowFocusChanged(true); 
    } 
   } 
  }); 
 } 
  
 private void addDanmaku(String content, boolean withBorder) { 
  BaseDanmaku danmaku = mDanmakuContext.mDanmakuFactory.createDanmaku(BaseDanmaku.TYPE_SCROLL_RL); 
  danmaku.text = content; 
  danmaku.padding = 5; 
  danmaku.textSize = sp2px(20); 
  danmaku.textColor = Color.WHITE; 
  danmaku.setTime(mDanmakuView.getCurrentTime()); 
  if (withBorder) { 
   danmaku.borderColor = Color.GREEN; 
  } 
  mDanmakuView.addDanmaku(danmaku); 
 } 
  
 private void generateSomeDanmaku() { 
  new Thread(new Runnable() { 
   @Override 
   public void run() { 
    while(mIsShowDanmaku) { 
     int time = new Random().nextInt(300); 
     String content = "" + time + time; 
     addDanmaku(content, false); 
     try { 
      Thread.sleep(time); 
     } catch (InterruptedException e) { 
      e.printStackTrace(); 
     } 
    } 
   } 
  }).start(); 
 } 
  
 public int sp2px(float spValue) { 
  final float fontScale = getResources().getDisplayMetrics().scaledDensity; 
  return (int) (spValue * fontScale + 0.5f); 
 } 
 @Override 
 protected void onPause() { 
  super.onPause(); 
  if (mDanmakuView != null && mDanmakuView.isPrepared()) { 
   mDanmakuView.pause(); 
  } 
 } 
 @Override 
 protected void onResume() { 
  super.onResume(); 
  if (mDanmakuView != null && mDanmakuView.isPrepared() && mDanmakuView.isPaused()) { 
   mDanmakuView.resume(); 
  } 
 } 
 @Override 
 protected void onDestroy() { 
  super.onDestroy(); 
  mIsShowDanmaku = false; 
  if (mDanmakuView != null) { 
   mDanmakuView.release(); 
   mDanmakuView = null; 
  } 
 } 
 @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); 
  } 
 } 
}

效果图如下：

自己发的弹幕有绿色边框，很容易区分。

基本上实现了弹幕的功能，当然，里面的知识点还有很多，这只是最基本的功能。有时间的话，建议学学DanmakuFlameMaster，里面还有很多炫酷的功能。

感谢阅读，希望能帮助到大家，谢谢大家对本站的支持！

您可能感兴趣的文章:Android自定义View实现弹幕效果Android双重SurfaceView实现弹幕效果Android实现视频弹幕功能Android自制精彩弹幕效果Android EasyBarrage实现轻量级弹幕效果Android编程实现简易弹幕效果示例【附demo源码下载】很棒的Android弹幕效果实例Android实现炫酷的网络直播弹幕功能Android弹幕框架黑暗火焰使基本使用方法Android仿斗鱼直播的弹幕效果Android实现自定义的弹幕效果实例解析如何在Android应用中实现弹幕动画效果Android简单实现弹幕效果

免责声明：

① 本站未注明“稿件来源”的信息均来自网络整理。其文字、图片和音视频稿件的所属权归原作者所有。本站收集整理出于非商业性的教育和科研之目的，并不意味着本站赞同其观点或证实其内容的真实性。仅作为临时的测试数据，供内部测试之用。本站并未授权任何人以任何方式主动获取本站任何信息。

② 本站未注明“稿件来源”的临时测试数据将在测试完成后最终做删除处理。有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341

直播 Android

阅读原文内容投诉

Android 实现仿网络直播弹幕功能详解及实例

下载Word文档到电脑，方便收藏和打印～

下载Word文档

Android 实现仿网络直播弹幕功能详解及实例

Android 实现仿网络直播弹幕功能详解及实例

相关文章

猜你喜欢

Android 实现仿网络直播弹幕功能详解及实例

Android实现炫酷的网络直播弹幕功能

用Python实现一个模仿UP主弹幕控制的直播间功能

Android 广播监听网络状态详解及实例代码

Android 偷拍功能实现（手机关闭依然拍照）详解及实例代码

热门标签

编程热搜

Android:VolumeShaper

Android崩溃异常捕获方法

android开发教程之获取power_profile.xml文件的方法(android运行时能耗值)

Android SQLite数据库基本操作方法

ubuntu21.04怎么创建桌面快捷图标?ubuntu软件放到桌面的技巧

android获取当前手机号示例程序

Android音视频开发(三)TextureView

android获取屏幕高度和宽度的实现方法

Android自定义popupwindow实例代码

Android第一次实验

编程资源站

2021年下半年软考高级信息系统项目管理师高频考点精选资料

2021下半年软考高级信息系统技术知识点记忆口诀精选资料

2021下半年软考《信息系统项目管理师》考试真题及答案精选资料

2021下半年软考高级考试备考攻略精选资料

2021年软考高级《信息系统项目管理师》巩固练习题汇总精选资料

2021下半年软考高级信息系统项目管理师30个易考知识点汇总精选资料

2021下半年软考高级知识点这样记，还担心记不住吗精选资料

2021年下半年软考高级考试重点汇总精选资料

2021下半年软考高级信息系统项目管理师计算公式汇总精选资料

2021年下半年软考高级《信息系统项目管理师》模拟试题精选资料

信息系统项目管理师选择题每日一练（2024）历年试题

2023年下半年信息系统项目管理师综合知识真题演练历年试题

目录

Android 实现仿网络直播弹幕功能详解及实例

Android 实现仿网络直播弹幕功能详解及实例

相关文章

猜你喜欢

Android 实现仿网络直播弹幕功能详解及实例

Android实现炫酷的网络直播弹幕功能

用Python实现一个模仿UP主弹幕控制的直播间功能

Android 广播监听网络状态详解及实例代码

Android 偷拍功能实现（手机关闭依然拍照）详解及实例代码

热门标签

编程热搜

编程资源站

目录

感谢您的提交，我们服务专员将在30分钟内给您回复