荔枝：声音艺术馆

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

案例链接：https://mkactivity.lizhifm.com/viewvioce/

案例：声音艺术馆

出品：荔枝

亮点：

1. 策划上，以声音为主角，通过用户的声音画一幅画。首先是声音艺术馆入口，进入艺术馆，横向滑动收听8个不同音乐的声音，同时对声音有解释说明文字，点击【创作你的声音艺术】按钮，进入用户制作页面，下面有10句让用户读的文字引导，也是横向滑动观看，当然，不按提示说也可以，点击录音，用户说话，系统自动识别音频信息，最后生成用户声音的鉴定海报，里面有音乐画作、音色鉴定、音色评分和声音密码。 

2. 设计上，2.5D立体视觉，主色调为紫色，运用了颗粒度的质感。 

3. 体验上，刚刚进入H5，只觉得音乐很好听，进入用户自己创作页面，就开始有趣了，你可以用自己不同的声音，反复的尝试，不同的声音，出现的音乐画作不同，音色鉴定也不同，原来声音可以可视化。小五音色鉴定出有少萝音、萝莉音、少御音、少女音四种，不过觉得还有其他种。可以留言告诉我，你发现的新音色鉴定结果。

4. 技术上，采用提取人声的基频信息以及语音特征MFCC（梅尔倒谱系数）作为声音特征值，围绕声音特征值定义画笔像素，对称方式，轨迹以及颜色，并建立绘图模型。使同一个人念同一个文本，绘制的图形大致一样；同一个人念不同文本，绘制的图形有所差异；不同的人念同一个文本，绘制的图形又有一定差异；不同的人念不同的文本，绘制的图形便更为多样化。