滴滴：誰是騎行殺？

來自專欄 H5案例分享

案例鏈接：https://page.xiaojukeji.com/package/qingjuhuodong/index.html

完整欣賞此案例大約需要2分12秒

案例：誰是騎行殺？

出品：滴滴

亮點：

策划上，以「誰是騎行殺？」為中心展開，問答形式，問題圍繞騎車壞習慣，一共設置了8個騎行問題。點擊首屏的[開始考證]，開始問答，5秒時間二選一（A、B兩個選項），選出危險的騎行習慣，即可過關。選擇了答案後，會有一段有趣的視頻，講述該問題，騎行殺的騎行習慣，當然如果你5秒內，沒有選擇，也會自動播放視頻，代表你選錯。視頻播放完畢，會給出A、B哪種行為是騎行殺。回答了8個問題後，如果你全答對，給出「你已成功考下騎行駕照」；如果有答錯，那麼你就是「騎行殺本人」。都答對，還有領取滴滴騎行劵的獎勵，小五已經領取了。

設計上，扁平卡通風格，萌萌的卡通主角。

技術上，整個案例採用一個video標籤，這就代表著，沒有提前預載入用到的8個視頻。這個案例的技術是如何做到視頻減少卡頓呢？這個案例採用的是當問題出現時，載入該問題用到的視頻，還記得問題回答時間5秒嗎？是的，技術工程師就是利用這5秒來緩衝視頻。

交互上，橫屏鎖屏觀看，點擊回答問題。

?

推薦閱讀：