纯前端 · 不上传 · 在线弹幕工具

在线 弹幕 制作工具

写下几句话,选好颜色、字号和速度,点播放——弹幕就开始在舞台上滚。 想接进 OBS 当直播叠加层、录成视频发群、或者导成 GIF 做展板,都有现成的出口。

  • 完全免费
  • 纯前端运行
  • 录 WebM / 导 GIF
  • 可接 OBS 叠加层
  • 12 种字体
Stage

弹幕舞台

点一下进入工作区,左边是舞台、右边是参数面板,页面会铺满整个屏幕。 改字号、速度、颜色,舞台上立刻能看到——不用先设好再预览,是边调边看。

进入弹幕舞台

不需要上传任何文件,进去就能改文字、调速度。 想接直播就复制 OBS 挂载链接,想发群就直接录成 GIF。

  • 纯前端
  • 无需登录
  • 配置自动保存
  • 没有任何上传,弹幕内容只存在你浏览器里,配置自动记在本机
  • 背景图 / 视频也能用,支持本地文件,也支持模糊和纯色
  • 手机上可以横屏全屏,当展板用;正式录制建议用电脑
Workflow

三步搭出一面弹幕墙

没有素材要准备,也不用装软件。打开就能改字,改完就能用。

  1. 写几句弹幕

    一组一行,可以建多组。每组有自己的颜色、字号、速度、透明度——主推文案用大字,气氛组用小字随机彩。

  2. 挑预设,再微调

    五套预设覆盖 B 站风、直播横滚、应援色、手写风、绿幕抠像。预设只改样式,不动你写的字,随时切回来。

  3. 选一个出口

    当直播叠加层就复制 OBS 挂载链接;要发群就录 WebM 或导 GIF;现场大屏直接全屏放着就行。

Features

六个开关,覆盖大部分弹幕需求

做得不复杂,但该有的都有——尤其是「接进直播」和「变成文件」这两件最常被需要的事。

多组弹幕,各管各的

一组主推文案、一组气氛组,各配各的颜色和字号。播放时按组循环,不需要写代码排时间轴。

组数不限

12 种字体 + 5 套预设

从微软雅黑到楷体、手写体,字号 20–500 连续可调。预设一键切换风格,只改样式不动文字。

字号可到 500px

播放模式与轨道

顺序、随机、齐发三种模式;方向可从右到左或从左到右;轨道数、发射间隔、循环开关都能调。

轨道 1–9 条

背景图 / 视频 / 纯色

可以只用纯色,也可以放一张图、一段视频当背景,再叠一层模糊。做展板时这一层很关键。

本地文件,不上传

录 WebM / 导 GIF

录制直接出 WebM 视频;要发微信群就导 GIF,可选 360 / 480 / 640 / 1080p,最长 25 秒。

GIF 12 fps

OBS 弹幕层

点「弹幕层」进入透明背景模式,一键复制挂载链接,粘到 OBS 的浏览器源里就是一层实时弹幕。

背景全透明
Scenes

它在哪几个场合真能用上

弹幕工具的价值不在「弹幕」两个字,而在「一堆文字、又快又多地飘过屏幕」。想清楚这一点,用途就多了。

场合 关键设置 出口
直播间叠加层 弹幕层(背景透明)+ 字号 60–90 + 轨道 4–6 OBS 浏览器源
年会 / 活动大屏 字号 120 以上 + 3 条轨道 + 速度调慢 全屏投影
门店 / 展会展板 背景图或视频 + 模糊 30% + 循环播放 平板或电视全屏循环
视频片头 / 花字 单轨道 + 方向左到右 + 描边开 录 WebM,拖进剪辑软件
微信群 / 朋友圈 GIF 640 或 480 + 8 秒左右就够 导 GIF

做法一:接进 OBS 当直播叠加层

  1. 进工作区,把弹幕文字和样式调好,点「弹幕层」——面板和控制条会隐藏,背景变成完全透明。
  2. 顶部会出现一条提示栏,点「复制挂载链接」。这个链接里已经打包了你的全部配置。
  3. OBS 里加一个浏览器源,把链接粘进去,宽高设成画布大小,勾上「关闭源时关闭页面」。
  4. 链接打开就是自动播放、自动循环、无面板的纯弹幕层,观众那边看不到任何按钮。

为什么要复制链接而不是直接开网页:OBS 内置浏览器的本地存储和你电脑上的浏览器不共享, 配置没法自动同步过去,所以只能塞进 URL 里带过去。换一台电脑做直播,重新复制一次就行。

做法二:门店展板 / 活动现场

  1. 背景选「图片」或「视频」,放一张门店图或一段产品视频,模糊拉到 20–40% 让文字更清楚。
  2. 字号调到 120 以上,轨道 2–3 条就够——大屏上字太少会空,太多会糊成一片。
  3. 点全屏,手机或平板横过来放。手机上没有元素全屏 API 的浏览器会自动退到「伪全屏」,效果一样。

做法三:录成文件发出去

要视频就点「录制」,录出来是 WebM,Chrome、剪映、PR 都能直接读。 要发微信就点「GIF」,先选分辨率再导——640 px / 12 fps / 最长 25 秒, 超过 25 秒会自动截断。GIF 文件比视频大,但能直接发群、能贴在公众号里,这点视频比不了。

Boundary

三个必须知道的限制

先说清楚,省得做到一半发现不对路。这三条都不是 bug,是设计边界。

一、它播的是你写的句子,不是观众发的弹幕

这个工具不连接任何直播平台,也抓不到真实观众评论。你写什么,屏幕上就飘什么,循环播放。 这在大部分场合反而更好用——你不会想让人在年会大屏上看到不可控的内容。

如果你要的是抓取直播间真实评论并显示,那是另一类工具(需要平台接口或弹幕抓取插件), 本工具不做这件事。

二、GIF 不支持半透明

GIF 格式本身只有「全透明」或「不透明」两档,没有羽化、没有半透明边缘。 所以在弹幕层(背景透明)模式下点导出 GIF,工具会提示你改用录制—— 真要透明,只能出 WebM,或者在剪辑软件里用带透明通道的格式(ProRes 4444、WebM VP9)二次处理。

三、素材存在本机,换台机器就没了

文字和样式参数记在 localStorage,背景图和背景视频记在 IndexedDB——都在你这台电脑、这个浏览器里。 用无痕模式、或者清一次浏览器数据,素材就会丢。

要长期用,用「导出配置」存一份 JSON,换机器时「导入配置」就恢复了(但背景图片和视频不会跟着走, 需要重新选一次文件——浏览器不允许网页随便读取本地路径)。

FAQ

常见问题

关于接入直播、导出格式、手机使用和保存,被问得最多的八个问题。

能用在抖音、视频号、B 站直播上吗?

能,但要通过 OBS:进工作区点「弹幕层」,复制挂载链接,在 OBS 里加一个浏览器源粘进去, 再用平台的直播伴侣或推流码推出去。

如果你是用手机直接开播,那就只能用录屏的方式把弹幕层录进去,或者干脆录成 WebM 后期合成。

OBS 里怎么加?具体几步?

OBS 左下角来源区点 + → 选「浏览器」→ 名字随便填 → 把复制的挂载链接粘进 URL → 宽度高度设成画布尺寸(比如 1920×1080)→ 确定。

链接本身已经带上了你的全部配置,打开就是自动播放、自动循环、没有面板的纯弹幕层。 换电脑做直播时重新复制一次链接即可。

手机上能全屏吗?

能。Android 和桌面浏览器走标准的元素全屏;iOS Safari 至今不支持非视频元素的元素全屏, 所以会自动退到「伪全屏」——舞台铺满屏幕、面板收起,右上角有个退出按钮。

播放时如果手机是竖着的,会提示你横过来,横屏的字幕体验好得多。

为什么导出的 GIF 没有透明背景?

因为 GIF 格式本身只支持「全透明」或「不透明」两档,没有半透明边缘,导出来会是一圈锯齿。

要透明背景就用录制出 WebM,或者在弹幕层模式下直接用 OBS 抓屏幕。

一条弹幕最多能写多少字?

技术上不限,但建议控制在 20 字以内。字太多在屏幕上停留时间太长, 会挤占后面的弹幕,看起来像在滚动的公告,不像弹幕。

大屏展板可以放宽到 30 字,但字号要相应加大、速度调慢。

能导出视频吗?什么格式?

能,点「录制」得到 WebM(VP8/VP9 编码)。Chrome、Edge、剪映、Premiere 都能直接读。

如果要 MP4,用剪映或 HandBrake 转一道,或者直接用录屏软件录全屏。

免费吗?有水印吗?

免费,不需要注册,导出的视频和 GIF 上没有任何工具水印。

我的弹幕内容会被别人看到吗?

不会。所有内容都只存在你本机的浏览器里,不上传服务器,也没有分享链接这种功能。

唯一的例外是你自己主动复制的 OBS 挂载链接——那串链接里编码了你的配置, 谁拿到链接谁就能看到内容,所以别公开贴出来。

请输入关键词…
用户中心
搜索
在线客服
关注我们
关注像素工坊
获取教程更新与资源动态
抖音号二维码 抖音号
公众号二维码 公众号
返回顶部
加载中...