菜鸟裹裹:有人喊你收快递

2018-11-19 H5案例分享 H5案例分享
菜鸟裹裹:有人喊你收快递


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

识别图中二维码

有人喊你收快递-查阅二维码

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


案例:有人喊你收快递

出品:菜鸟裹裹

亮点:

1. 策划上,将老照片鬼畜动态化处理,加上魔性配音,趣味解说最近40年的物流变化。进入H5后,首先输入名字收包裹(后续喊收包裹的人,都是这个名字,不能输入emoji和特殊字符),而后是五个签收包裹的场景。

 

第一个村队大喇叭喊你,你二舅给你发包裹了;

 

第二个老胡同里,你对象给你来信啦;

第三个万元户的你,买大家当;

 第四个是孩子考上老大的录取通知书;

第五个,现代楼下,双十一,快递员喊你收快递。

 

最后生成你的收件时代海报,一共四个海报,随机分配原则,海报上,有你刚刚输入的包裹大名。

 

四张时代海报如下(早预览,早知道):

 

2. 画面设计上,注意景深效果,为不同场景搭配背景增加景深,色调上也随着时间的推移由黑白逐渐变彩色。

 

3.技术上,采用语音合成,将用户输入的收包裹的名字,转换成语音。语音合成因为是服务器端负责转换,所以看不到具体使用的哪家接口。

 

语音合成是可以将文字转换为语音,可以是男性声音,也可以是女性声音,还可以转为地方的不同口音,语速和语调。现在我们的语音识别接口对中文支持比较好,对英文支持还算可以。相对以前,现在语音接口对文字的转换。

 

小五列出比较好的可以提供语音合成API接口平台(排名不分先后):

腾讯云——语音合成TTS 

百度语音——语音合成服务

阿里云——智能语音交互

科大讯飞——在线语音合成

网易——在线语音合成

 

4. 交互上,通过抓取用户昵称,利用ai语音技术让用户成为每段时代物流故事的主角,声临其境,简单的交互却有很强的代入感。

 



技术实现: CreateJS + 语音合成



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

标签

分享:
海报
案列链接
下载截图
收藏案例
已收藏
分享到微信朋友圈
打开微信,点击底部的“发现”,
使用“扫一扫”即可将网页分享至朋友圈。

相关推荐:

还呗:11.11之后,他差点被绿了

UC浏览器:吴谨言暗藏转运能量?!

关注微信号:h5-share,获取更多创意H5案例分享!也可访问H5案例分享网站www.h5anli.com,搜索查阅~

阅读原文

微信扫一扫
关注该公众号

收藏

微信极速登录/注册

对汉语支持不错,别对小五说英文

微信公众号

提交案例

请pc端输入网址

"h5anli.com"

下载截图压缩包~

标签已提交成功

小编正在审核

请等待一下下啦

哎呀

标签已存在

换个新的呗~