淘宝网 & 蜻蜓FM：FM1212淘宝亲亲调频

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

案例：FM1212淘宝亲亲调频

出品：淘宝网 & 蜻蜓FM

亮点：

策划上，loading完毕，由一个炫酷的动画效果引出“亲亲合力”主题，接着进入模拟FM调频电台。电台可以左右滑动屏幕，或点击屏幕下方的左右按钮来“调频”，上下滑动屏幕可以查看故事梗概。左右滑动到两个故事中间时，会有收音机噪声，直到画面完整，故事才会开讲。一共有12个故事。

设计上，画面色彩丰富，随着画面变化，背景色也会渐变过度。12个不同的故事，不同的动画，虽然是循环播放，但背景故事是实打实的几分钟的真故事，讲述风格或逗比搞笑，或温暖人心，总之都很有意思。

体验上，可能是音频文件太多，小编使着画面略有卡顿，但音频播放很流畅。如果不考虑这些，好看的画面，有趣的故事，用心的制作，足以打动并留住用户。S.其中还有能涨姿势的故事亲们发现了咩？

技术实现： Egret(白鹭引擎) + CreateJS + jQuery

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

识别图中二维码

FM1212淘宝亲亲调频-查阅二维码

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

标签