Mizone脉动 + 生死狙击：最美“女警”遭劫持，“警方”束手无策

2016-12-23 H5案例分享 H5案例分享

案例：最美“女警”遭劫持，“警方”束手无策

出品：Mizone脉动 + 生死狙击

制作：无端科技

亮点：

策划上，交互视频类。进入页面，是一个模拟的微博页面，等几秒或点击屏幕会播放视频。视频内容是一位“女警”遭歹徒以自制炸弹挟持，警队队长舍身相救。炸弹绑在了女警身上，在营救时，有三个选择，玩家要替队长做出选择：1、剪断她的肩带。2、剪断电线。3、用脉动破坏炸弹。各有不同的结局，但无论什么结局，最后都会发现，原来队长一位员工，这一切都是他YY出来的，实际上他在玩手游“生死狙击”。最后一页，可以选择“重新选择”来体验别的结局，“亲自上阵”可以跳转到外部链接，或“我要分享”教你怎么分享给小伙伴。

设计上，开头模拟微博页面，然后过度到视频上，视频围绕着女警胸上绑着的炸弹进行，游戏元素也很明显，一开始就摆出了“脉动”，而“生死狙击”则是最后露出。视频与交互结合的也不错。整体气氛惊险紧张。

技术实现： Modernizr.js + Video视频

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

识别图中二维码

最美“女警”遭劫持，“警方”束手无策-查阅二维码

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

标签