MI 小米：小米《奇葩说》花式广告大赛

2017-03-31 H5案例分享 H5案例分享

案例：小米《奇葩说》花式广告大赛

出品：MI 小米

亮点：

策划上，输入文字变语音。Loading完毕进入页面，便是小米《奇葩说》花式广告大赛的页面，屏幕中间是一个视频，内容是马东老师念的一段广告语，提到赞助商和发布者。点击屏幕下方挑战创意，会出现一个新页面，页面的输入框里可以写一段话，再点击“请马东念”稍等片刻，广告语里的赞助商就会变成你输入的文字，发布者就会变成你，并且会由马东老师念出来，非常的神奇。

设计上，蓝紫作为背景色调，主题文字和按钮则用黄色突出，中间的视频放在了模拟的电视里，中间有个大大的播放键，“电视机”下方则是马老师念的广告语。自己写的话由马东老师念出来，还是蛮神奇的一件事情呢。

体验上，把输入的文字传给讯飞，讯飞合完再返回过来，虽然稍微一想就能明白实现的原理，但是第一次玩还是感觉很神奇，相信不是很了解技术的用户，也会玩得停不下来，比如让马老师念一些羞羞的话哈哈哈哈。小编建议玩得时候记得戴耳机噢，不然跟我一样被老板揍就不好了…最后，咳咳，虽然这是小米手机的广告，但是在小米手机下，视频会弹出来播放，不像iPhone，是直接播放...

技术实现： jQuery + 科大讯飞语音合成

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

识别图中二维码

小米《奇葩说》花式广告大赛-查阅二维码

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

标签