网易：态度k歌，一百FUN！

2017-12-14 H5案例分享 H5案例分享

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

识别图中二维码

态度k歌，一百FUN！-查阅二维码

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

案例：态度k歌，一百FUN！

出品：网易

亮点：

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

技术实现： JavaScript+pixi.js

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

标签