网易:态度k歌,一百FUN!

2017-12-14 H5案例分享 H5案例分享
网易:态度k歌,一百FUN!


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

识别图中二维码

态度k歌,一百FUN!-查阅二维码

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


案例:态度k歌,一百FUN!

出品:网易

亮点:

  1. 策划上,视频类,进入首页是一个紫色海报,标题态度k歌房十分醒目,下面写着拒绝平庸、拒绝无趣、拒绝套路,和一个不断放缩的指纹,指纹上写着指纹开门。点击指纹之后就会进入态度k歌房,其中有7个人、态度曲库、沙发、桌子等。其中态度曲库可以点击跳转出网易态度营销的专场,可以点击直播和返回。7个人中有四个可以点击:燃情铁肺、文艺怪咖、浮夸麦霸、洗脑歌王。点击后有视频和歌曲播放,可以返回和打开一个网易态度营销的页面。
  2. 设计上,模拟真正的k歌房的设计,使人感觉身临其境。设计的视频和歌曲都十分搭配而且四种歌曲满足了大部分人的喜好,设计的很全面。
  3. 交互上,点击指纹后进入首页,左右滑动可以移动k歌房页面,点击音乐标志可以开始和关闭音乐。每个视频都可以点击暂停和全屏播放。



技术实现: JavaScript+pixi.js



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

标签

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

相关推荐:

美加净:有些事一定要在晚上做

网易考拉海购+天天p图:我和明星男神的小孩长这样

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

阅读原文

微信扫一扫
关注该公众号

收藏

微信极速登录/注册

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

微信公众号

提交案例

请pc端输入网址

"h5anli.com"

下载截图压缩包~

标签已提交成功

小编正在审核

请等待一下下啦

哎呀

标签已存在

换个新的呗~