rc-bullets 是一个基于 CSS3 Animation，使用 React 构建的可扩展、高性能弹幕组件。
特性
- 支持传入 React 组件，灵活控制弹幕内容和 UI，并提供一个默认样式组件：
<StyledBullet/> - 弹幕屏幕管理：清屏，暂停，隐藏（后续可能会加入针对单个弹幕的控制）
- 弹幕动画参数化：运动函数（匀速/ease/步进/cubic-bezier）、时长（秒）、循环次数、延迟等
- 鼠标悬浮弹幕暂停
常用 API
- 初始化弹幕屏幕：
const screen = new BulletScreen(<queryString>|<HTMLElement>,[<option>])，此处的option和下面的一致，偏向全局初始化，没有则使用默认值，每次发送弹幕不传则使用默认或全局设置，传了则该条弹幕覆盖全局设置。 - 发送弹幕：
const bulletId = screen.push(<string>|<ReactElement>,[<option>])
option：
| 选项 | 含义 | 值类型 | 默认值 | 备注 |
|---|---|---|---|---|
| top | 弹幕位置 | string | undefined | 自已强制定制距离顶部的高度，格式同CSS中的top |
| trackHeight | 轨道高度 | string | 50px | 均分轨道的高度 |
| onStart | 自定义动画开始函数 | function | null | e.g.(bulletId,screen)=>{//do something}可以自定义一些动作，比如播放某个音效，在特定时间暂停该弹幕：screen.pause(bulletId) |
| onEnd | 自定义动画结束函数 | function | null | e.g.(bulletId,screen)=>{//do something}可以自定义一些动作，比如播放某个音效 |
| pauseOnClick | 鼠标点击暂停 | boolean | false | 再次点击继续 |
| pauseOnHover | 鼠标悬停暂停 | boolean | true | 鼠标进入暂停，离开继续 |
| loopCount | 循环次数 | number/string | 1 | 值为‘infinite’时，表示无限循环 |
| duration | 滚动时长 | number/string | 10 | 数字则单位为‘秒’，字符串则支持'10s'和'300ms'两种单位 |
| delay | 延迟 | number/string | 0 | 数字则单位为‘秒’，字符串则支持'10s'和'300ms'两种单位 |
| direction | 动画方向 | string | normal | animation-direction支持的所有值 |
| animateTimeFun | 动画函数 | string | linear:匀速 | animation-timing-function支持的所有值 |
- 弹幕清屏：
screen.clear([<bulletId>])，无参则清除全部 - 暂停弹幕：
screen.pause([<bulletId>])，无参则暂停全部 - 弹幕继续：
screen.resume([<bulletId>])，无参则继续全部 - 隐藏弹幕（滚动继续）：
screen.hide([<bulletId>])，无参则隐藏全部 - 显示弹幕：
screen.show([<bulletId>])，无参则显示全部 - 自带的一个弹幕样式组件：
<StyledBullet msg="<弹幕内容>" head="<头像地址>" color="<字体颜色>" backgroundColor="<背景色>" size="<尺寸:small|normal|large|huge|自定义大小,基于em机制，默认normal>
-
Mudu.Room.Barrage 弹幕组件 Barrage.New事件 Barrage.New事件会在收到新的弹幕时被触发 Mudu.MsgBus.On( // 事件名，值为"Barrage.New" "Barrage.New", // 事件处理函数，参数为弹幕对象 function (barrage) { barrage = JSON.parse(barrage)
-
发布弹幕 调用地址 http://api.bilibili.cn/comment/post 需要 App Key 并验证登录状态(Access key)；要求应用申请弹幕权限 参数 字段 必选 传递方式 类型 说明 mid true POST int 发布帐号(必须和 access_key 帐号一致) cid true POST int 视频ID playTime true POST float
-
Barrage.New事件 Barrage.New事件会在收到新的弹幕时被触发 Mudu.MsgBus.On( // 事件名，值为"Barrage.New" "Barrage.New", // 事件处理函数，参数为弹幕对象 function (barrage) { barrage = JSON.parse(barrage) console.log('收到新的弹幕，
-
启用时在配置中添加插件名称 BulletCurtain ，参数如下： 参数 描述 size 默认字体大小，默认30 color 默认字体颜色，默认0xFFFFFF font 默认字体名称，默认Times New Roman duration 所有弹幕在展示的时长，单位秒，默认10 alpha 所有弹幕的不透明度，取值范围0-1，默认1 visible 所有弹幕是否可见，1 为可见，0 不可见，默认
-
ReplicationController 1 - 创建工程 $ oc new-project test 2 - 创建 rc.yaml，内容如下 apiVersion: v1 kind: ReplicationController metadata: name: mysql spec: replicas: 1 selector: app: mysql template:
-
我正在使用NavController：。一切都很好，直到我旋转我的设备，然后我无法和。 在日志中：FragmentNavigator：忽略popBackStack（）调用：FragmentManager已保存其状态，而FragmentNavigator：忽略导航（）调用：FragmentManager已保存其状态 当我看到谷歌的样本，他们没有任何关于这个问题，有所有的工作良好。所以我不明白这就是问
-
本文向大家介绍jQuery实现弹幕效果，包括了jQuery实现弹幕效果的使用技巧和注意事项，需要的朋友参考一下 效果如下： 代码如下： 以上就是本文的全部内容，希望本文的内容对大家的学习或者工作能带来一定的帮助，同时也希望多多支持呐喊教程！
-
本文向大家介绍jQuery实现弹幕特效，包括了jQuery实现弹幕特效的使用技巧和注意事项，需要的朋友参考一下 案例简介 jQuery实现弹幕效果，代码如下。 案例目录 HTML部分 CSS部分 效果展示 以上就是jQuery实现弹幕效果的代码，希望对您有帮助！ 源码下载：jQuery弹幕 以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持呐喊教程。