Android实现视频弹幕功能

时间:2022-07-27
本文章向大家介绍Android实现视频弹幕功能,主要内容包括其使用实例、应用技巧、基本知识点总结和需要注意事项,具有一定的参考价值,需要的朋友可以参考一下。

本文实例为大家分享了Android视频弹幕的具体代码,供大家参考,具体内容如下

效果图:

上图:代码随机生成的弹幕及弹幕输入栏

下图:绿色框的弹幕为用户手动添加发送的弹幕

1.准备工作

准备一个视频文件,将该视频文件放到res/raw目录下。

需要将视频设置为横屏播放,即往配置文件中添加android:screenOrientation=”landscape”:

<activity android:name=".MainActivity"
  android:configChanges="keyboardHidden|orientation|screenLayout|screenSize"
  android:screenOrientation="landscape" 
  <intent-filter 
    <action android:name="android.intent.action.MAIN" / 
    <category android:name="android.intent.category.LAUNCHER" / 
  </intent-filter 
</activity 

这里用到了哔哩哔哩开源的弹幕效果库DanmakuFlameMaster,需要配置到模块的build.gradle的dependencies中

注:DanmakuFlameMaster的版本最好使用在0.9以上,否则会存在一些弹幕bug

2.布局

使用一个相对布局,弹幕浮于视频之上,底部是弹幕文字输入栏,右下角为弹幕发送按钮:

<?xml version="1.0" encoding="utf-8"? 
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
  android:layout_width="match_parent" android:layout_height="match_parent"
  android:background="#000000" 
 
  <VideoView
    android:id="@+id/video_view"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:layout_centerInParent="true"/ 
 
  <master.flame.danmaku.ui.widget.DanmakuView
    android:id="@+id/danmu"
    android:layout_width="match_parent"
    android:layout_height="match_parent" / 
  <LinearLayout
    android:id="@+id/operate_layout"
    android:layout_width="match_parent"
    android:layout_height="50dp"
    android:layout_alignParentBottom="true"
    android:visibility="gone" 
    <EditText
      android:id="@+id/edit"
      android:layout_width="0dp"
      android:layout_height="match_parent"
      android:layout_weight="1"
      android:layout_marginLeft="50dp"
      android:textColor="#ffffff"
      android:imeOptions="flagNoExtractUi"
      / 
    <Button
      android:layout_width="wrap_content"
      android:layout_height="match_parent"
      android:id="@+id/send"
      android:textSize="20sp"
      android:background="#00000000"
      android:textColor="#ffffff"
      android:text="发送"/ 
  </LinearLayout 
</RelativeLayout 

3.视频弹幕的实现

<1 播放视频使用VideoView来进行播放;

<2 关于弹幕库的使用,需要创建一个DanmakuContext的实例和一个弹幕的解析器(这里直接创建了一个全局的BaseDanmakuParser),创建完成后就可以调用DanmakuView的prepare()方法了,调用这一方法后会自动调用回调函数中的prepared()方法,在这个方法中调用了start方法,弹幕就此开始工作了;

<3 需要在onPause()、onResume()、onDestroy()方法中执行一些操作,以保证DanmakuView的资源可以得到释放。

下面附上完整代码

package com.mega.mydanmudemo;
import android.content.Context;
import android.graphics.Color;
import android.os.Build;
import android.os.Bundle;
import android.support.v7.app.AppCompatActivity;
import android.text.TextUtils;
import android.util.Log;
import android.view.View;
import android.view.inputmethod.InputMethodManager;
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 showDanma;
private VideoView mVideoView;
private DanmakuView mDanmu;
private BaseDanmakuParser mBaseDanmakuParser = new BaseDanmakuParser() {//弹幕解析器
@Override
protected IDanmakus parse() {
return new Danmakus();
}
};
private DanmakuContext danmakuContext;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.main);
init();
setOnListener();
}
/***
* 一些初始化工作
*/
private void init() {
String uri = "android.resource://" + getPackageName() + "/" + R.raw.danmu;
mVideoView = (VideoView)findViewById(R.id.video_view);
mVideoView.setVideoPath(uri);
mVideoView.start();
mDanmu = (DanmakuView)findViewById(R.id.danmu);
mDanmu.enableDanmakuDrawingCache(true);
danmakuContext = DanmakuContext.create();
danmakuContext.setScaleTextSize(1.1f);
mDanmu.prepare(mBaseDanmakuParser,danmakuContext);
}
/***
* 弹幕的准备工作,发送按钮监听。。
*/
private void setOnListener(){
mDanmu.setCallback(new DrawHandler.Callback() {
@Override
public void prepared() {
showDanma = true;
mDanmu.start();//启动弹幕
generateSomeDanmu();
}
@Override
public void updateTimer(DanmakuTimer timer) {
}
@Override
public void danmakuShown(BaseDanmaku danmaku) {
}
@Override
public void drawingFinished() {
}
});
final LinearLayout operate_view = (LinearLayout)findViewById(R.id.operate_layout);
Button send = (Button)findViewById(R.id.send);
final EditText editText = (EditText)findViewById(R.id.edit);
mDanmu.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View view) {
if (operate_view.getVisibility() == View.GONE){
operate_view.setVisibility(View.VISIBLE);
}else{
operate_view.setVisibility(View.GONE);
}
}
});
send.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View view) {
String content = editText.getText().toString();
if (!TextUtils.isEmpty(content)){
InputMethodManager imm = (InputMethodManager) getSystemService(Context.INPUT_METHOD_SERVICE);
imm.hideSoftInputFromWindow(editText.getWindowToken(),0);
addDamu(content,true);
editText.setText("");
operate_view.setVisibility(View.GONE);
}
}
});
getWindow().getDecorView().setOnSystemUiVisibilityChangeListener(new View.OnSystemUiVisibilityChangeListener() {
@Override
public void onSystemUiVisibilityChange(int visibility) {
if (visibility == View.SYSTEM_UI_FLAG_VISIBLE){
onWindowFocusChanged(true);
}
}
});
}
/***
* 随机产生一些弹幕
*/
private void generateSomeDanmu() {
new Thread(new Runnable() {
@Override
public void run() {
while (showDanma){
int time = new Random().nextInt(300);
String content = "" + time;
addDamu(content,false);
try {
Thread.sleep(time);
}catch (Exception e){
e.printStackTrace();
}
}
}
}).start();
}
/***
* 添加弹幕的方法
* @param content 弹幕的内容
* @param isSelf 是否是用户发送的弹幕
*/
private void addDamu(String content,boolean isSelf) {
BaseDanmaku danmaku = danmakuContext.mDanmakuFactory.createDanmaku(BaseDanmaku.TYPE_SCROLL_RL);
danmaku.text = content;
danmaku.padding = 5;
danmaku.priority = 0;
danmaku.textSize = sp2px(20);
danmaku.setTime(mDanmu.getCurrentTime());
danmaku.textColor = Color.argb(new Random().nextInt(256), new Random().nextInt(256),
new Random().nextInt(256),new Random().nextInt(256));
if (isSelf){
danmaku.borderColor = Color.GREEN;
}
mDanmu.addDanmaku(danmaku);
}
private float sp2px(int i) {
final float fontScale = getResources().getDisplayMetrics().scaledDensity;
return (int)(i* fontScale +0.5f);
}
@Override
protected void onPause() {
super.onPause();
if (mDanmu!= null && mDanmu.isPrepared()){
mDanmu.pause();
}
}
@Override
protected void onResume() {
super.onResume();
if (mDanmu!=null&& mDanmu.isPrepared()&& mDanmu.isPaused()){
mDanmu.resume();
}
}
@Override
protected void onDestroy() {
super.onDestroy();
showDanma = false;
if (mDanmu != null){
mDanmu.release();
mDanmu = null;
}
}
@Override
public void onWindowFocusChanged(boolean hasFocus) {
super.onWindowFocusChanged(hasFocus);
if (hasFocus && Build.VERSION.SDK_INT =19){
View deview = getWindow().getDecorView();
deview.setSystemUiVisibility(View.SYSTEM_UI_FLAG_LAYOUT_STABLE
|View.SYSTEM_UI_FLAG_HIDE_NAVIGATION
|View.SYSTEM_UI_FLAG_FULLSCREEN
|View.SYSTEM_UI_FLAG_LAYOUT_HIDE_NAVIGATION
|View.SYSTEM_UI_FLAG_LAYOUT_FULLSCREEN
|View.SYSTEM_UI_FLAG_IMMERSIVE_STICKY);
}
}
}

以上就是本文的全部内容,希望对大家的学习有所帮助。