Skip to content

每条弹幕都能渲染文本以及图片内容,渲染效果如下所示: 渲染效果

涉及的 API

弹幕中渲染的图片需要配置到弹幕渲染器中,配置如下所示:

ts
export type RendererOptions = {
  // 弹幕中渲染图片的配置
  barrageImages?: BarrageImage[];
}

export type BarrageImage = {
  // 弹幕图片的唯一标识
  id: string;
  // 图片的地址
  url: string;
  // 渲染时的宽
  width: number;
  // 渲染时的高
  height: number;
}

弹幕的 text 属性按照如下格式就能渲染出图片了,例如:"[0001]新年快乐[0003]"。

ts
export type BaseBarrageOptions = {
  // 弹幕的内容(eg:文本内容[图片id]文本内容[图片id]文本内容)
  text: string;
}

Released under the MIT License.