使用非flash技术如何实现类似qq实时在线人数的功能?


QQ在线人数效果非常棒,可以查看24小时内的实时动态。
http://im.qq.com/online/index.shtml
使用非flash技术可以实现类似qq实时在线人数的功能么?

说下需求:
目前想做一个类似的用户在线人数展示的功能,需要:
1. 地图展示 ,按照省区分别展示数据(表现形式上可以简单些,颜色区分即可)
2. 可以像qq实时那样,可以浏览24小时的数据。
3. 不使用flash实现,可以html5等,不要求支持IE6等低等浏览器。
4. 数据源及统计数据目前都有,主要任务是展示出来。

canvas html5

湿润的黄瓜 12 years, 2 months ago

如果只是寻求一个是或否的答案的话,答案当然是“可以”。

几个技术要点:

  1. 地图的绘制,简单点可以选择GoogleMap。也可以使用HTML绘制,实现方法参考 Create an Interactive Map using HTML5 & jQuery
    这里还有现成的类库 http://cloudshadow.me/china

  2. 人数统计数据需要依靠服务器端生成,最终返回前端的应该只包含每一个点的坐标/大小/颜色/亮度等

  3. 前端根据数据,使用canvas绘图,如果担心效果没有Flash好,看看这个站 http://www.s5-style.com/ (需翻墙)
我不是自杀 answered 12 years, 2 months ago

Your Answer