@silkytone/danmu/README.md

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

# Danmu

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


## 弹幕实现：

- [x] TextBarrage 文本弹幕（可以通过 css3 修改样式）


### 引入 umd.js
```javascript
const { Barrage, TextBarrage } = window.Danmu
```

## 使用示例
```typescript
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));
}
```