热点:
    责任编辑

    零技术难度 火爆的吴亦凡H5是这么做出来的

      [  中关村在线 原创  ]   作者:
    收藏文章 暂无评论

        今天,一条名为《吴亦凡即将入伍》的H5再次上演了一夜爆红的神话,让朋友圈已经日渐衰败的H5营销方式如打鸡血般绝地反击。打破屏幕的冲击力、微信视频通话的超真实交互、吴亦凡个人的明星效应,让这则广告成为了又一条经典的营销案例。


        如果你还没有看过,先科普下:

        PC端请点击观看:《吴亦凡即将入伍》

        手机端请点击二维码观看:  

      零技术难度 火爆的吴亦凡入伍H5是怎么做的?



    零技术难度 火爆的吴亦凡入伍H5是怎么做的?
    《吴亦凡即将入伍》的部分效果截图

    ▼ 技术是如何实现的?

        逼真的效果让网友惊呼如此高科技是怎么做出来的,ZOL记者采访了有超过十年前端开发经验的资深工程师仲伟涛,他表示这个案例是通过HTML5实现的,并没有什么技术难度。

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

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

        其中最亮眼的微信视频通话,只是一个视频结束后,设置交互层,点击接通按钮直接播放下一个视频。

        整个案例没有任何技术难点,只是每个视频衔接的地方需要前端技术依靠代码进行组合,对于一个了解H5的前端技术人员来说,不超过1天就可以完成整个效果。

    ▼ 视频是如何拍摄的?

        技术端没有实现难度,那么视频端又是如何实现的呢?ZOL记者采访了有超过二十年视频从业经历的资深编导王漓涓,她表示这个案例创意是非常优秀的,但是视频本身画面的录制没有使用新技术。

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

        虽然视频本身没有太多创新之处,整个拍摄+制作普通的视频团队只要2-3天即可完成。但是将视频融合到H5交互中确实罕见,王漓涓表示这样全新的交互方式用视频让H5变得更鲜活和生动,H5+视频的融合会迅速风靡起来。


        通过采访,无论是视频还是技术资深人员都对这个营销案例的创意赞不绝口,虽然单独H5架构和视频制作本身都没有任何技术难度,但是能如此鲜活的呈现在用户面前,让网友认为是一种全新的高科技,都是依赖于创意本身。

        相信用不了多久,你我的朋友圈将会被这种H5+视频的组合方式刷屏了。

    news.zol.com.cn true //news.zol.com.cn/537/5375608.html report 1908 今天,一条名为《吴亦凡即将入伍》的H5再次上演了一夜爆红的神话,让朋友圈已经日渐衰败的H5营销方式如打鸡血般绝地反击。打破屏幕的冲击力、微信视频通话的超真实交互、吴亦凡个人的明星效应,让这则广告成为了又一条经典的营销案例。如果你还没有看过,先科普下:PC端...
    不喜欢(0) 点个赞(0)

    新闻中心文章推荐