@silkytone/danmu v1.0.2

Danmu

弹幕的简单实现，实现普通弹幕或高级弹幕。

弹幕实现：

• TextBarrage 文本弹幕（可以通过 css3 修改样式）

引入 umd.js

const { Barrage, TextBarrage } = window.Danmu

使用示例

import { Barrage, TextBarrage } from 'danmu';

const barrage = new Barrage('#barrage', {
  trackSize: 10,
});

const input = document.querySelector<HTMLInputElement>('#input')!;
const submit = document.querySelector<HTMLButtonElement>('#submit')!;

submit.addEventListener('click', onSubmit);

function onSubmit() {
  const val = (input['value'] || '').trim();
  if (!val) return alert('请输入内容');
  barrage.push(new TextBarrage(val, 3 * 1000));
}