网易新闻:春晚笑声录,听声猜小品

2017-12-15 H5案例分享 H5案例分享
网易新闻:春晚笑声录,听声猜小品


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

识别图中二维码

春晚笑声录,听声猜小品-查阅二维码

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


案例:春晚笑声录,听声猜小品

出品:网易新闻

亮点:

  1. 策划上,视听互动答题类h5。首屏展示“春晚笑声录”主题。然后进入7个问题。每个问题会首先播放一段小品节选(80s,90s的小品),听完后根据记忆选出相关答案。最后展示一张成绩单。引导用户“分享”,“评论”进入网易新闻,“更多”(下载网易客户端)。
  2. 设计上,浅色纸纹背景,黄黑主色,图文风格。
  3. 交互上,用户听到的音频不再是背景乐,而是回答问题的关键。
  4. 体验上,不错的体验,能引起用户共鸣,勾起美好的回忆。



技术实现: Zepto.js



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

标签

分享:
海报
案列链接
下载截图
收藏案例
已收藏
分享到微信朋友圈
打开微信,点击底部的“发现”,
使用“扫一扫”即可将网页分享至朋友圈。

相关推荐:

网易新闻:你的生活被脑洞了

网易云音乐:寻找「梦想」的旅程

关注微信号:h5-share,获取更多创意H5案例分享!也可访问H5案例分享网站www.h5anli.com,搜索查阅~

阅读原文

微信扫一扫
关注该公众号

收藏

微信极速登录/注册

对汉语支持不错,别对小五说英文

微信公众号

提交案例

请pc端输入网址

"h5anli.com"

下载截图压缩包~

标签已提交成功

小编正在审核

请等待一下下啦

哎呀

标签已存在

换个新的呗~