人民日报兴业银行：用歌声记录40年美好时光

2018-12-20 H5案例分享 H5案例分享

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

识别图中二维码

用歌声记录40年美好时光-查阅二维码

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

案例：用歌声记录40年美好时光

出品：人民日报兴业银行

亮点：

1. 策划上，①这是一款宣传类H5，②用户首页可以看到两中类型来记录四十年的美好时光，③倾听岁月中有四组音乐，分别是：童年记忆的乡恋，光阴的故事，万里长城永不倒，我的中国心，一剪梅；年少时光的思念，爱的奉献，祝你一路顺风，真心英雄，涛声依旧；似水年华的中国人，好汉歌，常回家看看，至少还有你，痴心绝对；风华正茂的爱情转移，北京欢迎你，春天里，那些年，我的歌声里。下面会有一个暂停，上一首歌，下一首歌的切换，还会生成一张我的记忆歌单上面也有首页的两个选择，可以选择另外一个演奏时光，有三首歌，用下面的钢琴演奏出来，60s的时间，最后出来一张奖状，记录了你演奏的哪一首歌曲，获得多少分，show成绩就会出现一张海报，海报内容就是你的奖状。
2. 设计上，用音乐来表达改革开放40年的变化。
3. 体验上，倾听岁月这歌曲都有每个时代的印记，但时光演奏这儿仿照的是节奏大师的情节，玩过节奏大师的在玩这个会有一丝的low。

技术实现： Jquery

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

标签