弹幕，流行词语，指的是在网络上观看视频时弹出的评论性字幕。弹幕可以给观众一种“实时互动”的感觉。有以下技术特点：

1.从视频一端滚动到另一端；

2.显示在所有元素之上；

3.插入后，只滚动显示一次。

总结，技术就是实时性、动画效果、数据存储。

1.实现滚动原理

视频显示中margin-left属性表示与显示控件左边的距离。比如：margin-left:50px;表示字幕元素与左边距离是50px，因此要实现滚动，只需要不断使margin-left:x;中x的值不断减少即可。当x=0，就滚动至最左端。

2.显示所有元素之上

用过photoShop的朋友知道，其有个重要思想是，分图层。视频显示也是类似的，其属性z-index来表示层叠关系，z-index的值越大，显示越在顶部，因此字幕的z-index值大于视频显示即可实现顶部显示。

3.插入后，只滚动显示一次

为了表示实时性。客户端和服务器之间会一直进行连接，每隔一段时间就查询一次。

在用户新发表弹幕时，插入数据库中valid字段记为0，客户端轮询到为0的弹幕，判断为新消息，便显示出来，显示后将valid字段标记为1，表示已完成滚动显示。

那为何国外的视频大站youtube不使用弹幕技术呢？

还真有人问youtube字幕问题，其官方说，这是遮挡视频的行为，想不通为何有人会喜欢遮挡的视频。

原因一：

youtube的核心竞争力在于全球各种品牌的入驻，不管是企业还是节目，人家需要的是品牌及内容宣传效果，显然弹幕这种事物非常不适合。

原因二：

youtube太国际化了，没法过滤敏感词。全球几百种语言文字刷弹幕，每天上传的视频数量都是B站的一千倍以上吧？你怎么保证里面各种语言的垃圾弹幕能得到有效并且及时的删除呢？这是你们口中的“权限加算法”就可以随便解决的问题么? 如果机器不能搞定，那人工审核需要多少个？这个人工成本的增加是有必要的么? 审核员有限的姿势水平能否就弹幕中的有害信息进行全面的诊断？

所以，弹幕是需要管理的。管理是需要人力的。人力等于成本。

原因三：

英文弹幕可读性极差，不如中文、日语，极少的文字可表达情感问题。

原因四：

不同类型语言单位面积携带的信息量不同。产品上肯定也有考虑，国际化，弹幕体系，展示算法等等，要做的话是一个庞大的项目，并且对于产出的价值这块应该也不明确。

总之，东方人能够注意嘈杂的信息，西方人只能注意重点信息。弹幕这种东西西方人受不了。

视频弹幕

#普知成长计划#