案例演示，请长按/扫描以下二维码 ->
识别图中二维码
完整欣赏此案例大约需要2分钟
案例：揭秘你的声音人设
品牌：ColorOS
技术实现： Zepto+RequireJS +Audio
亮点：
1.创意定位
ColorOS推出的根据用户声音生成人设海报的作品，最后用户还可以试听不同人设的声音，感受变声乐趣，展现ColorOS系统的设计感和创意感，提高ColorOS变声游戏的热度。
策划逻辑
加载界面是一个录音进度样式的圆圈，加载完毕后，标题下有三个人物轮流旋转出现，点击“测一测”，根据提示录入自己的声音（有文字建议），录音时间到了以后自动结束，一段波浪线和两句赞美用户声音的文字出现后，显示结果海报，海报包括标题“xx（微信名）的声音人设是XXX”，中间是人设图像，下拉屏幕，可聆听各种人设声音，用户可点击分享此作品或重新测试。
设计上
手绘作品，以牛油果绿为背景，人物形象很夸张搞笑，文案也以网络热词热句为主，“上头”“仙女”“耳朵怀孕”等，用户读起来很熟悉，最后的变声人设较多，有熟悉的“萝莉”“大叔”“御姐”等，也有“外星人”这种脑洞人设，增加游戏趣味。
音效上
作品中所有声音均为真人录入，真人模仿音效，“咻~”“叮~”等，女声温柔可爱，男声音色也很好听，真人模仿体现作品创意，增加搞笑效果，也映衬了作品“声音”的主题。
以上为“H5案例分享”团队原创文章，转载请注明出处！
H5案例库：h5anli.com
