翻译官

首页 » 常识 » 诊断 » 能翻译表情的H5
TUhjnbcbe - 2022/2/24 12:55:00

案例:有道表情翻译机

出品:有道翻译官

亮点:

策划上,人脸识别类。①点击首页“Let’sgetstarted!!GO”去看看游戏规则:需尽量避免遮挡五官、支持多人合影、不支持非人类头像;②而后按下“开始解读”按钮,开始识别,稍等片刻,等待识别完成,即可看到当前长传的图片中的人的八类情绪指数;图片下方是中英文的综合测试结果;③想再次体验一下有道表情翻译机神奇功能的小伙伴可点击尾屏“再玩一次”,想体验更多表情测试,可点击尾页最下方,下载有道翻译官哦。

设计上,科技风格,采用不同深浅的蓝色作为主色调,里面的元素多采用线条构成,但是首页“Let’sgetstarted!!!GO”话语是从有道翻译官LOGO幻化而来的小鸟口中说出来的哦,不仅生动有趣更是将对品牌的宣传自然而然地展现了出来。

技术上,里面的小动画主要采用的是CSS3的animation,人脸识别利用了微软的人脸识别技术,识别度很高。

技术实现:jQuery

长按/扫描下面的

1
查看完整版本: 能翻译表情的H5