爱奇艺：时间之间剧场

2018-02-11 H5案例分享 H5案例分享

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

识别图中二维码

时间之间剧场-查阅二维码

完整欣赏此案例大约需要2分10秒

案例：时间之间剧场

出品：爱奇艺

亮点：

策划上， Loading完毕，出现按钮引导用户观看一个小视频，进入时间之间小剧场。小剧场为一个720°全景场地。一个模态框提示探索空间，有三个小剧场，“爸爸不缺席”、“了不起的mama”和“下一站自在”。“爸爸不缺席”，点击进入，讲述了事业狂爸爸察觉女儿对自己生疏后，陪伴女儿看动画片的画面。他的世界很大，女儿的世界很小。“了不起的mama”，点击进入，二个月大宝宝的妈妈，角色在上班族和妈妈之间不断切换，还有留出时间给自己，学习自己喜欢的嘻哈。“下一站自在”，进入后，一个追梦者，执意选择的生活，告诉自己为了梦想要不断拼搏，也告诉自己偶尔也要中场休息。三个视频的相同点，视频的最后三个人都打开了爱奇艺视频，观看不同的内容，品牌植入很自然。

设计上，深色背景，在小剧场的画面，一切都表现的比较真实。视频中，没有很多的语言，但是人物的情感都很细腻的表现出来。
交互上，H5全景的设置为用户的交互提供了不一样的体验，滑屏+点击的方式。
体验上，小五体验过后，很感动，人的一生，会扮演很多的角色，孩子、职员、老师、父母…而这一年里，你的大部分时间都用在哪里？工作？追梦？还是陪伴？留点时间给自己，即使再忙碌，也要学会爱自己，爱生活。

技术实现： createjs.js+video+tour.js

以上为“H5案例分享”团队原创文章，转载请注明出处！

标签