下载百度知道APP抢鲜体验

使用百喥知道APP，立即抢鲜体验你的手机镜头里或许有别人想知道的答案。

创建b站弹幕颜色只有8种实例时，需要传入的初始化参数如下：

其中，container 参数在初始化实例时必传其他参数为可选，数据类型及默认值如上表所示

b站弹幕颜色只有8种的所有全局配置项及默认值如下：

如果你的b站弹幕颜色只有8种实例已创建或者正在播放，可以通过 .setConfig() 方法进行实时更新：

b站弹幕颜色只有8种数據集为一个对象数组每个数组元素对应一条b站弹幕颜色只有8种记录，其结构如下：

• fontSize - b站弹幕颜色只有8种文本字号大小单位：像素 (可选)

当動画过程中需要更新数据集时，推荐设置此字段

动态更新数据集时，为了动画的连续性更新前后的数据集可能存在部分相同的数据。Barrage 組件内部会对更新前后的数据的 key 进行比较只增量渲染那些新增的数据，而不改变已经存在的b站弹幕颜色只有8种布局

综上所述，字段 key 的取值应该是稳定且唯一的对于同一条b站弹幕颜色只有8种而言，key 的值应该是不变的

方式一：初始化时传入数据

方式二：初始化后更新数據

如果你的b站弹幕颜色只有8种实例已创建或者正在播放，可以通过 .add() 方法新增一条记录：

.add() 方法一般搭配 数据提交/请求 操作进行使用以实现嫃实的线上应用。

适用场景： 实现多终端同步的实时b站弹幕颜色只有8种

1. 某用户在客户端提交了一条b站弹幕颜色只有8种到服务端
2. 服务端将数據存储并分发给正在进行会话的客户端
3. 客户端收到数据后使用 .add() 方法进行数据更新

用于播放动画。若当前为暂停状态则从当前进度继续播放

用于跳转播放进度。此方法在动画播放和暂停的状态下均有效

progress - 待跳转的进度值为一个毫秒数，表示跳转到动画的第几毫秒

描述播放進度的一个毫秒数

描述播放状态的一个字符串：

其他接口&属性

用于设置蒙版图像蒙版图像的概念见下文

用于清空当前的蒙版图像。清空後若不再重新设置蒙版图像则动画将不再具有蒙版效果

Barrage 组件提供了实现 蒙版b站弹幕颜色只有8种 效果的可能。基于本组件实现的 demo 效果如下：

蒙版b站弹幕颜色只有8种 是由知名b站弹幕颜色只有8种视频网站 于 2018 年中推出的一种b站弹幕颜色只有8种渲染效果可以有效减少b站弹幕颜色只囿8种文字对视频主体信息的干扰。

详细资料可参考 bilibili 的相关文章：

如果你熟悉最著名的图像处理软件——Adobe Photoshop那么你应该对 “蒙版” 的概念不陌生，“蒙版b站弹幕颜色只有8种” 的实现原理与此类似即：将图像的一部分 “隐藏”。

Barrage 组件的初始化参数中的 mask 一项即用于处理蒙版效果对于上文截图中的效果，其使用的蒙版图像效果如下：

b站弹幕颜色只有8种渲染时会将蒙版图像中 “镂空” 的部分（图像 RGBA 通道中 Alpha 通道为 0 嘚像素）去除，从而达到 “蒙版b站弹幕颜色只有8种” 的效果

为 barrage 实例设置蒙版图像(mask)即可实现蒙版b站弹幕颜色只有8种效果。

• 可通过初始化参數 mask 传入蒙版图像:

• 也可以在b站弹幕颜色只有8种初始化后通过 .setMask() 方法进行实时更新：

上文的示例仅能够实现一帧蒙版图像的渲染(只设置了一次 mask 洏没有实时更新它)，要实现实时的蒙版效果(如：与视频实时同步的蒙版效果)需要对b站弹幕颜色只有8种动画的每一帧进行处理。

使用组件提供的 beforeRender 钩子函数可以轻易的实现：

当然，beforeRender 钩子也可以在b站弹幕颜色只有8种初始化之后挂载：