腾讯创新大赛 X GeekPwn 极棒：AI仿声挑战赛

2017-11-08 H5案例分享 H5案例分享

案例：AI仿声挑战赛

出品：腾讯创新大赛 X GeekPwn 极棒

制作：微云客

亮点：

策划上，音频测试类。这是由腾讯和极棒为腾讯创新大赛所打造的一款宣传h5。① “AI仿生挑战赛”矗立屏幕中央，极棒和腾讯创新大赛的logo坐立与文案的顶部，三书束光环围绕着文案和logo缓缓的滑动着。② 点击“点击开始”挑战按钮跳转到另一个页面。页面中列举了王者荣耀中妲己、亚瑟、安琪拉、诸葛亮、武则天、狄仁杰六个英雄的配音，用户选择自己喜欢的英雄人物进行相同台词的录音。③ 点击“上传录音”按钮，从而让AI仿生机器人通过录音的音色、基频、音量三个特色进行评估，判断得出模仿的配音相似度。④ 尾屏，将用户的测试结果以段位的方式进行展示，用户可点击“播放”按钮，聆听自己的录音，也可点击“再次挑战”，进行重新挑战，还可以点击“谁是100%”进行详细了解。
设计上，酷炫风格。① 蓝色是这款h5的主要色彩基调。② 红色、黄色、蓝色三束光环的缓缓滑动，畅意自然，视觉效应很好。③ 文字的闪动显示，炫酷十足。
交互上，页面中台词的配音录制采用了长按按钮的操作。

技术实现：捂得太严了，小编看不到啊~~~

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

识别图中二维码

AI仿声挑战赛-查阅二维码

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

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

标签