TGideas:剑侠情缘忘忧镇,视频无缝顺滑切换大揭秘

案例名称:剑侠情缘忘忧镇,视频无缝顺滑切换大揭秘

出品方:TGideas

技术实现:长图,JS

5星打分:  4.7分

案例演示,请长按/扫描以下二维码->

识别图中二维码

小编点评:

  • 创意:

由TGideas创作的这篇H5,以剑侠奇缘忘忧镇为主题,既是当下热门网游的主题,也是电视剧党们青睐的类型。全篇用时较长,以一个互动性视频贯穿,每到视频情节转折处需要观众做出选择,在此同时视频可以无缝顺滑切换,纯纯的技术趴,既是视频情节的享受,也是创新技术、干货满满的欣赏。

  • 策划:

剑侠奇缘忘忧镇的制作相当于一个微电影,实物真人实景,很能让观众融入其中。在视频中邀请到林更新和赵丽颖两位影视明星参与拍摄,从观众的角度会很惊喜地认为自己免费看了场小电影,减少了因为时长而带来的枯燥感。

  • 设计:

在普通观众看来这只是一个情节丰富,视频量巨大,并给予用户多分支选择的H5,但在这样一个完整的呈现背后是video在移动端上的新思路的运作,在不整合视频,通过video标签的src属性来切换对应视频的基本处理方式上,解决了画面衔接时需要黑屏等待,不能瞬间播放下一个视频的问题。主要实现技术原理组合下形成的使用模式如下图。

  • 体验:

从总体看是一篇视频互动,让用户可以感受在视频中控制情节走向,给用户一种执导电影的体验,十分新颖,但视频体量巨大,耗时较长,穿插的互动选择并没有太多,易造成用户观感的疲惫和枯燥的感受,但总体技术上的创新还是减少了更多不必要的等待,因此体验感还是很好的。

  • 传播影响力:

腾讯主推制作,又有明星面孔加持,又是观众青睐的主题,其传播影响力度一定很客观,且从TGideas这篇技术卦的前端技术分析总结的推文浏览量也能看出它良好的传播影响力。

 

截图: