使用SurfaceView实现视频弹幕

 更新时间:2019年11月28日 08:46:20   作者:阿里飞  
这篇文章主要为大家详细介绍了使用SurfaceView实现视频弹幕,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下

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

全部代码如下:

package com.example.app2;

import android.graphics.Canvas;
import android.graphics.Color;
import android.graphics.Paint;
import android.graphics.PixelFormat;
import android.graphics.PorterDuff;
import android.media.MediaPlayer;
import android.os.Bundle;
import android.support.v7.app.AppCompatActivity;
import android.text.TextUtils;
import android.view.SurfaceHolder;
import android.view.SurfaceView;
import android.view.View;
import android.widget.EditText;
import android.widget.Toast;

import java.io.IOException;
import java.util.ArrayList;
import java.util.List;

public class MainActivity extends AppCompatActivity implements SurfaceHolder.Callback {
  private SurfaceView mSvVideo;
  private SurfaceView mSvDanMu;
  private EditText mEd;

  private MediaPlayer mediaPlayer;
  private SurfaceHolder svVideoHolder, svDanMuHolder;

  private boolean isPlay = true;
  List<DanMuBean> list = new ArrayList<>();

  @Override
  protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.activity_main);
    // 创建MediaPlayer
    initPlayer();

    // 初始化视图
    initView();
  }

  private void initPlayer() {
    if (mediaPlayer == null) {
      mediaPlayer = new MediaPlayer();
    }
    // 重置
    mediaPlayer.reset();

    try {
      mediaPlayer.setDataSource("http://clips.vorwaerts-gmbh.de/big_buck_bunny.mp4");
      mediaPlayer.prepareAsync(); //异步准备
      mediaPlayer.setOnPreparedListener(new MediaPlayer.OnPreparedListener() {
        @Override
        public void onPrepared(MediaPlayer mp) {
          mediaPlayer.setLooping(true); //是否开启循环播放
          mediaPlayer.start(); //开始播放
        }
      });
    } catch (IOException e) {
      e.printStackTrace();
    }
  }

  /**
   * 发送的信息
   *
   * @param view
   */
  public void send(View view) {
    submit();
  }

  private void submit() {
    // validate 非空判断
    String edString = mEd.getText().toString().trim();
    if (TextUtils.isEmpty(edString)) {
      Toast.makeText(this, "edString不能为空", Toast.LENGTH_SHORT).show();
      return;
    }

    list.add(new DanMuBean(edString)); //添加数据
    mEd.setText(""); //清空
  }

  private void initView() {
    mSvVideo = (SurfaceView) findViewById(R.id.sv_video);
    mSvDanMu = (SurfaceView) findViewById(R.id.sv_danMu);
    mEd = (EditText) findViewById(R.id.ed);

    // 初始化 svDanMuHolder svVideoHolder
    svVideoHolder = mSvVideo.getHolder();
    svDanMuHolder = mSvDanMu.getHolder();

    // 添加监听
    svVideoHolder.addCallback(this);
    svDanMuHolder.addCallback(this);

    // 将弹幕显示在最上层, 并设置为透明
    mSvDanMu.setZOrderOnTop(true);
    svDanMuHolder.setFormat(PixelFormat.TRANSPARENT); //PixelFormat: 像素格式, TRANSPARENT(2):透明的; TRANSLUCENT(-3):半透明
  }

  /**
   * surfaceCreated:创建
   *
   * @param holder
   */
  @Override
  public void surfaceCreated(SurfaceHolder holder) {
    if (holder == svVideoHolder) {
      mediaPlayer.setDisplay(svVideoHolder); //将内容显示在 svVideoHolder上
    } else if (holder == svDanMuHolder) {
      // 弹幕设置 开启线程
      new Thread(new Runnable() {
        @Override
        public void run() {
          while (isPlay) { //死循环
            // 得到画笔, 设置属性
            Paint paint = new Paint();
            paint.setStrokeWidth(5); //设置笔画宽度
            paint.setTextSize(30); //设置字体大小
            paint.setColor(Color.GREEN); // 设置颜色

            // 得到画布 通过lockCanvas
            Canvas canvas = svDanMuHolder.lockCanvas();
            if (canvas == null) {
              break;
            }

            // 填充画布的颜色
            canvas.drawColor(PixelFormat.TRANSPARENT, PorterDuff.Mode.CLEAR); //参数1: 设为透明, 参2: PorterDuff.Mode.CLEAR: 所绘制不会提交到画布上

            // 设置弹幕内容
            for (int i = 0; i < list.size(); i++) {
              String text = list.get(i).text;
              canvas.drawText(text, list.get(i).x += 1, list.get(i).y, paint);

              if (list.get(i).x > mSvVideo.getWidth()) {
                list.get(i).x = 0;
              }
            }

            // 提交
            svDanMuHolder.unlockCanvasAndPost(canvas);
          }
        }
      }).start();
    }
  }

  @Override
  public void surfaceChanged(SurfaceHolder holder, int format, int width, int height) {

  }

  @Override
  public void surfaceDestroyed(SurfaceHolder holder) {
    isPlay = false;
  }
}

布局xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
  xmlns:tools="http://schemas.android.com/tools"
  android:layout_width="match_parent"
  android:layout_height="match_parent"
  android:orientation="vertical"
  tools:context=".MainActivity">

  <FrameLayout
    android:layout_width="match_parent"
    android:layout_height="wrap_content">

    <SurfaceView
      android:id="@+id/sv_video"
      android:layout_width="match_parent"
      android:layout_height="280dp" />

    <SurfaceView
      android:id="@+id/sv_danMu"
      android:layout_width="match_parent"
      android:layout_height="280dp" />
  </FrameLayout>

  <LinearLayout
    android:layout_width="match_parent"
    android:layout_height="wrap_content">

    <EditText
      android:id="@+id/ed"
      android:layout_width="0dp"
      android:layout_height="wrap_content"
      android:layout_weight="1" />

    <Button
      android:layout_width="wrap_content"
      android:layout_height="wrap_content"
      android:onClick="send"
      android:text="弹幕" />

  </LinearLayout>
</LinearLayout>

效果界面:

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

相关文章

  • Kotlin Fragment的具体使用详解

    Kotlin Fragment的具体使用详解

    Fragment是Android3.0后引入的一个新的API,他出现的初衷是为了适应大屏幕的平板电脑, 当然现在他仍然是平板APP UI设计的宠儿,而且我们普通手机开发也会加入这个Fragment, 我们可以把他看成一个小型的Activity,又称Activity片段
    2022-10-10
  • Flutter时间轴Timeline的实现

    Flutter时间轴Timeline的实现

    时间轴在很多地方都可以用的到,本文介绍了Flutter时间轴Timeline的实现,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2021-05-05
  • Kotlin挂起函数应用介绍

    Kotlin挂起函数应用介绍

    挂起函数用状态机以挂起点将协程的运算逻辑拆分成不同的片段,每次执行协程运行不同的逻辑片段,由此可以知道协程是运行在线程中的,线程的并发处理方式也可以用在协程上
    2022-11-11
  • AsyncTask类实例详解

    AsyncTask类实例详解

    这篇文章主要介绍了AsyncTask类实例详解
    2017-10-10
  • Android Binder 通信原理图文详解

    Android Binder 通信原理图文详解

    这篇文章主要为大家介绍了Android Binder 通信原理图文详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2022-10-10
  • Android实现在一个activity中添加多个listview的方法

    Android实现在一个activity中添加多个listview的方法

    这篇文章主要介绍了Android实现在一个activity中添加多个listview的方法,分析了Activity中添加listview的原理与具体实现方法,需要的朋友可以参考下
    2016-08-08
  • Android获取arrays.xml里的数组字段值实例详解

    Android获取arrays.xml里的数组字段值实例详解

    这篇文章主要介绍了Android获取arrays.xml里的数组字段值实例详解的相关资料,需要的朋友可以参考下
    2017-04-04
  • Android中自定义标题栏样式的两种方法

    Android中自定义标题栏样式的两种方法

    这篇文章主要介绍了Android中自定义标题栏样式的两种方法,同时讲解了自定义标题栏布局的实现,需要的朋友可以参考下
    2014-07-07
  • Android中SharedPreference使用实例讲解

    Android中SharedPreference使用实例讲解

    这篇文章主要介绍了Android中SharedPreference使用方法,实现登陆界面记住密码功能,感兴趣的小伙伴们可以参考一下
    2016-01-01
  • Android自定义view实现太极效果实例代码

    Android自定义view实现太极效果实例代码

    这篇文章主要介绍了Android自定义view实现太极效果实例代码的相关资料,需要的朋友可以参考下
    2017-05-05

最新评论