微信大屏幕互动软件是现场用户通过扫码参与互动,扫码后可以发送消息、参与游戏、抽奖、抢红包等一系列互动功能,然后参与的数据实时反馈到现场大屏幕上,大屏幕上呈现出各式各样的的动画效果,从而提升活动现场的参与感和科技感。参与的数据包括但不限于:文字、图片、分数、点击处理、摇一摇分析等等。
微信大屏幕互动软件是现场用户通过扫码参与互动,扫码后可以发送消息、参与游戏、抽奖、抢红包等一系列互动功能,然后参与的数据实时反馈到现场大屏幕上,大屏幕上呈现出各式各样的的动画效果,从而提升活动现场的参与感和科技感。参与的数据包括但不限于:文字、图片、分数、点击处理、摇一摇分析等等。
那如何开发一套这样的软件呢?
首先,介绍一下微信大屏幕互动的基本功能:3D签到,弹幕,霸屏,上墙,摇一摇游戏,滚动头像抽奖,投票,红包雨,这些是最常用的也是最基础的微信大屏幕互动功能。
其次,涉及到的技术有:既然要实时显示那WebSocket肯定是少不了的(传统的轮询技术很难达到实时,也经常会把浏览器给挂死),前端展示那肯定是要JS+HTML5+CSS3三剑客(Flash已被淘汰),需要炫酷的视频效果和震撼的音频效果,那就需要对视频音频的合理处理(资源的加载释放、播放暂停)。3D签到用的是THREE.JS框架,摇一摇游戏就需要用到类似pixijs的HTML5动画渲染框架,如果最求动画效果要好的话就推荐用 龙骨 等骨骼动画的框架(更加的耗资源那是肯定的),其实简单一点的大屏幕动画自己写一个框架也是可以的。后端技术那就看公司的技术栈了,熟悉哪个就用哪个Java、PHP、Python、C#、GO等等任选。这里值得一提的是,前端由于需要加载大量的图片、音频还有视频,所以就要先进行预加载,同时最好可以上CDN。
最后,就是交互设计,如果提高用户体验,增强UI界面的美感,做好大屏幕分辨率的适配。其实在业界很多大屏幕互动软件做的很粗糙,大屏幕上的人物动画都还有锯齿,动画的效果也还在用js或者说是jQuery的,熟悉前端的人都应该清楚,这家伙的动画天生就有缺陷,处理起来就会卡顿,跳像素(这个应该也是为什么会有拼多多,京东,天猫的原因吧)。
如果要自己开发一套这样的平台,需要配备以下人员:产品经理、后台工程师、前端工程师、UI设计师、测试工程师、客服人员,后期推广还需要专门的运营推广人员。所以,如果只是想做做活动用这样的软件就直接挑选一家靠谱的平台(思讯互动)就行了,开发运营的成本很高,想要做好更是要耗费大量的人物财力,加上疫情的肆虐就更是给这个行业带来了前所未有的打击。