【H5案例分享】愛奇藝：是不是只有我能喚醒余文樂？你來試試？

04-22

案例：是不是只有我能喚醒余文樂？你來試試？

出品：愛奇藝

案例鏈接：https://public.oyoozo.com/2018/04/mxw/?from=timeline&isappinstalled=0

完整欣賞此案例大約需要1分鐘

亮點：

策劃上，視頻類+腦洞遊戲類H5。載入完成後點擊播放按鈕，進入一段視頻——殺死衛斯理，視頻女主收到一條命令，殺掉衛斯理。然後，衛斯理死了，額，死了...情節發生轉變，有一種古老的神秘力量可以喚醒他，點擊「開始尋找」按鈕，進入第二部分，根據提示完成腦洞遊戲，共有4關，即尋找古盒、打開古盒、合上電閘、大聲呼喊道100分貝（哈哈，有沒有上當！那樣根本不管用的）。操作完成，衛斯理復活，進入做後一頁，顯示該H5想要的主要內容：冒險王衛斯理之支離人4月9日起愛奇藝播放。
設計上，開頭的視頻內容，講述了故事的起因，把用戶代入遊戲所營造的環境中；腦洞遊戲部分，各種套路，非常理的操作，給人印象深刻；操作提示則是顯示電視劇海報3秒鐘，露出品牌起到宣傳的效果。
交互上，點擊屏幕+旋轉手機+滑動屏幕。
技術上，使用js插件實現了測試環節滑動屏幕，顯示古盒的效果。
體驗上，整個內容環環相扣，視頻交代起因，回答問題完成解救，結構上比較完整；遊戲腦洞很大，又與主題內容相關，讓人印象深刻。
答案：第一關，滑動指定區域頁面；第二關，向左滑動頁面；第三關，將手機倒過來；第四關，將數字「100」拖到「分貝值：」後邊。

技術實現： jQuery+video+Scratch.js

以上為「H5案例分享」團隊原創文章，轉載請註明出處！