danmaku-vue弹幕交互插件

danmaku-vue弹幕交互插件

前言

danmaku-vue 是一个基于 vue3+typescript 的弹幕交互组件，易上手，可扩展性强，可自定义修改弹幕的样式；跟某些弹幕插件相比，不会占用vue-devtools使其卡死；因此推荐在vue中实现弹幕效果时使用。

使用步骤

Install

npm install danmaku-vue --save
pnpm add danmaku-vue --save

Usage

<script setup>
import Danmaku from 'danmaku-vue'

const danmus = ref(['danmu1', 'danmu2', 'danmu3', '...'])
</script>

<template>
  <Danmaku :danmus="danmus" style="height:100px; width:300px;"></Danmaku>
</template>

Preview

总结

使用了多款弹幕插件，danmaku-vue最为轻便易用，仅27k；扩展性也极强，能够满足大部分使用场景；文档也很清晰，有问题提issue也能得到迅速回应。在移动端展示效果也很好。

更多内容请参考：danmaku-vue