亲宝软件园·资讯

展开

Android实现视频弹幕功能

人气:0

效果图:

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

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

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);
    }
  }
}
您可能感兴趣的文章:

加载全部内容

相关教程
猜你喜欢
用户评论