小米：智米空调-挑战“吹”实力

2019-06-18 H5案例分享 H5案例分享

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

识别图中二维码

智米空调-挑战“吹”实力-查阅二维码

完整欣赏此案例大约需要30秒

案例：智米空调-挑战“吹”实力

品牌：小米

制作：亿众互动

亮点：

炎炎夏日，一阵清风吹过，整个人都感觉清爽了~

无论是空调还是风扇，人设都是为炎炎夏日送来清凉，核心载体便是风力。

吹气类的H5并不多，而且鲜有出色作品，很多都是模拟并非真实。这一次，项目小组做了技术攻关，最大程度让用户感受到真实性。通过调用手机录音功能，进行采样声音的疏密程度辨别，分析吹气力度，最终诞生了这款互动作品。

夸张的人物造型，绚丽的撞色，用户进入主KV，按下“‘’准备开吹”，即进入操作引导页。

按住长按按钮，进行5秒钟的声音数据采集，松开手，即可得出相应数值，不同数值对应着不同的吹力等级。

关于生成结果页，设想了各种各样的结果页逻辑，最终采用的是动物形态，生成结果页并不多，不过各个都是精挑细选的。

总之，这是一支“走量”（以带货为目的）的，通过吹力测试肺活量声音稳定性而诞生的技术融合性H5，如果对自己的肺活量很有信心，不如就尝试一下吧~

技术实现： HTML5 CSS JS JQ

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

标签