弹幕实现技术(后台)

2015-05-27 16:03:37 +08:00
 RihcardLu

这里是把每个人发的弹幕实时的显示出来,开始以为是Ajax,一想不对劲,如此大量的请求和和实时显示怕是不行,打开控制台一看,果真不是。

后来搜到了是 websocket,基于web的socket协议。对于需要实时更新的产品来说确实是一种福音,如股票,web聊天。

有没有哪些网站用到了这种技术?

14137 次点击
所在节点    问与答
31 条回复
kxxoling
2015-05-27 20:37:51 +08:00
HTML5 弹幕的话如何解决性能问题?屏幕上几百条滚动弹幕压力很大的吧?
shiznet
2015-05-27 23:04:46 +08:00
@kxxoling web端应该没压力吧,传过来的不过是纯文本。
kxxoling
2015-05-27 23:46:00 +08:00
@shiznet 几百个元素的动画效果,应该会很吃 CPU 吧?现在的 CSS3 动画貌似很占资源。(或者用 canvas?这个不了解。)
hjc4869
2015-05-28 02:01:21 +08:00
直播弹幕用长轮询,回放弹幕用xml。
paloalto
2015-05-28 03:34:08 +08:00
@shiznet 纯文本的动画也会消耗性能的。即使是用 translate3d 做位移,几十条、几百条同时移动风扇也会受不了。
@kxxoling 用 canvas 做可能会好很多。
yangff
2015-05-28 08:46:32 +08:00
kxxoling
2015-05-28 10:11:17 +08:00
@yangff 这个我知道,不过看不懂复杂的 JS 模块=。=能讲解一下性能上的思路吗?
yangff
2015-05-28 10:23:38 +08:00
@kxxoling 我记得还是css和svg,canvas在字体上有问题。以及其他各种问题。。

https://github.com/jabbany/CommentCoreLibrary/issues/13
abcfyk
2015-05-28 12:01:17 +08:00
@hjc4869 长轮询性能消耗如何?
RihcardLu
2015-05-28 12:06:12 +08:00
@abcfyk 相当于过几秒钟访问一次,如果直播可能访问的更加频繁。
celon
2015-05-28 12:18:56 +08:00
用websocket注册广播明显比长轮询要高效啊

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/194143

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX