百度校园:师“声”难忘

2017-09-14 H5案例分享 H5案例分享
百度校园:师“声”难忘

案例:师“声”难忘

出品:百度校园

亮点:

  1. 策划上,9月10日的教师节是一个感恩的日子,几乎所有社交和媒体平台都被各式各样“感恩老师”所刷屏,用户都在追忆学生时代那些美好的青葱岁月和求学趣事,百度校园根据这一热点推出的师“声”难忘H5,正是通过技术手段真正将这一美好回忆用声音来实现,让用户再一次聆听到了老师的“谆谆教导”。用户进入案例,在黑板文字框中输入自己心中印象最深刻的老师“金句”,再根据右侧提示“左右滑动”,即可切换老师的男女形象,接下来“点击生成”,完成语音生成。生成语音后,可点击“重新生成”重新输入文字转换语音,也可点击“分享给朋友”分享至朋友圈。分享至朋友圈后,其他用户可通过两种方式参与互动“我也要玩”和“写下留言”。

 

  1. 设计上,画风清新,极易引发共鸣。打开H5,画面主体是一块写满板书的黑板,还有秒针不停转动的钟表以及讲台旁站立的老师,这些熟悉的场景瞬间将用户带回了学生时代。在黑板上的文字框内输入你最难忘的叮嘱,一键生成专享语音。通过这些细节,让用户在体验H5时轻松愉悦又暖心,像是重新回到了中学时代的某个氤氲的午后,想起了关于老师、关于青春的故事。

 

  1. 体验上,百度语音合成技术是整支h5的核心所在,在体验过程中,用户在文字框中输入文字点击按钮即可将自己心中印象最深刻的“金句”转换成语音,完全不设限的自由发挥,让不少人亲身体验了将回忆变成现实的奇妙感受。其次,用户分享至朋友圈后,用户好友可以在分享的H5链接中进行留言。



技术实现: Zepto + Audio + 百度AI



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

识别图中二维码

师“声”难忘-查阅二维码




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

标签

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

相关推荐:

【百度】H5案例大汇总(干货精选)——2017大合集第13波

【百度】H5案例大汇总(干货精选)——2016大合集第十波

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

阅读原文

微信扫一扫
关注该公众号

收藏

微信极速登录/注册

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

微信公众号

提交案例

请pc端输入网址

"h5anli.com"

下载截图压缩包~

标签已提交成功

小编正在审核

请等待一下下啦

哎呀

标签已存在

换个新的呗~