[{"insert":"1,使用画布作为视频的遮罩,使用一个对象组(里面有一个文本,一个轨迹,一个缓动)作为弹幕模板,通过触发器实现每秒创建与视频对应时间的对应弹幕\n"},{"insert":{"image":"//file3.ih5.cn/v35/files/5e38aee27a2f1735fe288c263e3c1115_17234_503_334.png"}},{"insert":"\n"},{"insert":{"image":"//file3.ih5.cn/v35/files/06c17702e9707ce044bd9c335f2c1b26_12472_783_152.png"}},{"insert":"\n2,使用缓动实现滚动弹幕的滚动,使用轨迹实现底部和顶部的出现与消失\n"},{"insert":{"image":"//file3.ih5.cn/v35/files/06eeb85dd780e043b1019e6e61f6e60d_41558_720_417.png"}},{"insert":"\n"},{"insert":{"image":"//file3.ih5.cn/v35/files/4d5abbea63e561bce264bee484f24edd_39966_710_429.png"}},{"insert":"\n3,当视频播放或暂停时可以通过对缓动与轨迹的控制实现弹幕的播放与停止\n"},{"insert":{"image":"//file3.ih5.cn/v35/files/aa9d2866d0ee04997f21fe22b8f3e11c_24350_791_258.png"}},{"insert":"\n"},{"insert":{"image":"//file3.ih5.cn/v35/files/513004e280dc661366e3011638f291b6_23739_785_255.png"}},{"insert":"\n4,通过连接实现实时弹幕,收到消息时创建对应弹幕\n"},{"insert":{"image":"//file3.ih5.cn/v35/files/9899933111aef304c2c8f5fb1187ff0b_59189_782_580.png"}},{"insert":"\n"}]
[{"insert":"仿照B站做一个实时弹幕DEMO。已去掉以及打码的功能与元素不用做。\n"},{"insert":{"image":"https://file3.ih5.cn/v35/files/bc098740e49edbe1b1607260f632246a_76144_1460_758.png"}},{"insert":"\n\n显示弹幕设置:\n"},{"insert":{"image":"https://file3.ih5.cn/v35/files/f15f73cffe1fe36519130b7161d28109_15788_313_417.png"}},{"insert":"\n发送弹幕设置:\n"},{"insert":{"image":"https://file3.ih5.cn/v35/files/819b7f97c9f5e2eee5a25f58cb985ea6_5019_198_188.png"}},{"insert":"\n\n\n"}]
bbe2b4b0b9f13213d42ef0615952a830_53174_1012_497.png
https://file17d1cc34f3bf.v4.h5sys.cn/play/ZhpRpVIp