网站建设,网站设计,网站制作,网站开发

H5技术创新为先,微场景制作为王
时间:08-19      

     据杭州蒙特微站微场景制作开发了解,腾讯于8月17日公布截至2016年6月30日未经审核的第二季度及中期业绩。值得注意的是,微信及WeChat而言,月活跃账户达8.06亿,同比增长34%。微信进一步渗透至工作沟通场景,而促进内部办公自动化的微信企业号注册用户已超过2千万。据统计局数据,以2015年11月1日零时为标准时点进行的全国1%人口抽样调查显示,全国总人口为13.735亿人,也就是说微信覆盖了58.7%的中国人,上述数据都在证明着当下正值移动互联网时代,微信朋友圈堪称是H5场景应用广告的一片蓝海。一条名为《吴亦凡即将入伍》的H5再次上演了一夜爆红的神话,让朋友圈已经日渐衰败的H5营销方式如打鸡血般绝地反击。打破屏幕的冲击力、微信视频通话的超真实交互、吴亦凡个人的明星效应,让这则广告成为了又一条经典的营销案例。

  拥有十多年网站开发微站制作经验的杭州蒙特资深工程师表示这个案例是通过HTML5实现的,并没有什么技术难度,具体实现方式如下:

  PC端:整体效果是通过一个Flash实现,引导到最后扫描二维码进入手机端观看,只是抛砖引玉的作用。

  手机端:使用的是HTML5的架构,就是我们经常在手机看到的可以全屏滑动效果的交互,只是之前都是静态的图片+文字的形式,这个案例是通过视频+H5交互的形式。整个内容是由2-3个视频素材组成,通过H5架构把这些视频素材衔接到一起。

  其中最引人关注的是微信视频通话,只是一个视频结束后,设置交互层,点击接通按钮直接播放下一个视频。整个H5没有任何技术难点,只是每个视频衔接的地方需要前端技术依靠代码进行组合。

  视频是如何拍摄的?

  技术端没有实现难度,那么视频端又是如何实现的呢?蒙特网站开发工程师表示这个案例创意是非常优秀的,但是视频本身画面的录制没有使用新技术。

  视频开头是采用了虚拟+实景的拍摄方式,将视频主角整个人像抠出来,辅助虚拟背景,达到人物冲出页面的效果。揉纸部分采用两个画面拍摄叠加的方法,先后拍摄主角揉纸,和揉成一团的纸张两个画面,达到视频中的效果。

  将视频融合到H5交互中确实罕见,加上采用人们日常生活通话场景,全新的交互方式用视频让H5变得更鲜活和生动,H5+视频的融合会迅速风靡起来,这就是为什么这个H5风靡微信朋友圈的原因。


  互联网服务行业的高端品质网站建设杭州蒙特已为华为、华融、海康威视、运河集团、萧山农商行、商陆花等大型知名企业提供多种互联网深度定制服务,如网站、微网站建设、微信公众平台、H5微场景应用、APP原生开发等,我们尊重每一位客户,将服务落实到每一个执行细节,诚心为众多企业打造互联网综合服务平台!

©2000-2022 杭州蒙特信息技术有限公司版权所有

Mountor、蒙特是Mountor Corp.的注册商标。

经营许可证编号:浙B2-20090322
技术支持:
更新时间:2023年01月31日
咨询热线:0571-88230881 15158184365
友链QQ: 1960819284
固话咨询
手机咨询
了解蒙特