腾讯新闻：好人不怕

2017-10-01 H5案例分享 H5案例分享

案例：好人不怕

出品：腾讯新闻

亮点：

策划上，以“好人不怕”为主题，通过展示了一个菜市场救人的场景，弘扬了正气。而且，通过这支H5，还提示了救助者受法律保护，学习急救知识很有必要！
设计上，采用真实环境，配合手绘人物。
交互上，分为3次选择。第一次选择，为发现有人需要救助，“救”和“不救”的选择；第二次选择，为“打120”和“直接施救”；第三次选择，为“直接施救”和“学习急救”。
技术上，使用了多段MP4格式的视频串联构成这支H5。根据用户点击，或者不同的选择，播放不同的视频。

技术实现： video + jQuery

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

识别图中二维码

好人不怕-查阅二维码

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

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

标签