爱奇艺：是不是只有我能唤醒余文乐？你来试试？

2018-04-12 H5案例分享 H5案例分享

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

识别图中二维码

是不是只有我能唤醒余文乐？你来试试？-查阅二维码

完整欣赏此案例大约需要1分钟

案例：是不是只有我能唤醒余文乐？你来试试？

出品：爱奇艺

亮点：

策划上，视频类+脑洞游戏类H5。加载完成后点击播放按钮，进入一段视频——杀死卫斯理，视频女主收到一条命令，杀掉卫斯理。然后，卫斯理死了，额，死了...情节发生转变，有一种古老的神秘力量可以唤醒他，点击“开始寻找”按钮，进入第二部分，根据提示完成脑洞游戏，共有4关，即寻找古盒、打开古盒、合上电闸、大声呼喊道100分贝（哈哈，有没有上当！那样根本不管用的）。操作完成，卫斯理复活，进入做后一页，显示该H5想要的主要内容：冒险王卫斯理之支离人4月9日起爱奇艺播放。
设计上，开头的视频内容，讲述了故事的起因，把用户代入游戏所营造的环境中；脑洞游戏部分，各种套路，非常理的操作，给人印象深刻；操作提示则是显示电视剧海报3秒钟，露出品牌起到宣传的效果。
交互上，点击屏幕+旋转手机+滑动屏幕。
技术上，使用js插件实现了测试环节滑动屏幕，显示古盒的效果。
体验上，整个内容环环相扣，视频交代起因，回答问题完成解救，结构上比较完整；游戏脑洞很大，又与主题内容相关，让人印象深刻。
答案：第一关，滑动指定区域页面；第二关，向左滑动页面；第三关，将手机倒过来；第四关，将数字“100”拖到“分贝值：”后边。

技术实现： jQuery+video+Scratch.js

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

标签