菜鸟裹裹:有人喊你收快递
案例演示,请长按/扫描以下二维码 ->
识别图中二维码
完整欣赏此案例大约需要1分20秒
案例:有人喊你收快递
出品:菜鸟裹裹
亮点:
1. 策划上,将老照片鬼畜动态化处理,加上魔性配音,趣味解说最近40年的物流变化。进入H5后,首先输入名字收包裹(后续喊收包裹的人,都是这个名字,不能输入emoji和特殊字符),而后是五个签收包裹的场景。
第一个村队大喇叭喊你,你二舅给你发包裹了;
第二个老胡同里,你对象给你来信啦;
第三个万元户的你,买大家当;
第四个是孩子考上老大的录取通知书;
第五个,现代楼下,双十一,快递员喊你收快递。
最后生成你的收件时代海报,一共四个海报,随机分配原则,海报上,有你刚刚输入的包裹大名。
四张时代海报如下(早预览,早知道):
2. 画面设计上,注意景深效果,为不同场景搭配背景增加景深,色调上也随着时间的推移由黑白逐渐变彩色。
3.技术上,采用语音合成,将用户输入的收包裹的名字,转换成语音。语音合成因为是服务器端负责转换,所以看不到具体使用的哪家接口。
语音合成是可以将文字转换为语音,可以是男性声音,也可以是女性声音,还可以转为地方的不同口音,语速和语调。现在我们的语音识别接口对中文支持比较好,对英文支持还算可以。相对以前,现在语音接口对文字的转换。
小五列出比较好的可以提供语音合成API接口平台(排名不分先后):
腾讯云——语音合成TTS
百度语音——语音合成服务
阿里云——智能语音交互
科大讯飞——在线语音合成
网易——在线语音合成
4. 交互上,通过抓取用户昵称,利用ai语音技术让用户成为每段时代物流故事的主角,声临其境,简单的交互却有很强的代入感。
技术实现: CreateJS + 语音合成
标签
关注微信号:h5-share,获取更多创意H5案例分享!也可访问H5案例分享网站www.h5anli.com,搜索查阅~
微信扫一扫
关注该公众号