网易严选 x 网易云音乐：测测你的声音听起来像什么

2019-10-24 H5案例分享 H5案例分享

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

识别图中二维码

测测你的声音听起来像什么-查阅二维码

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

案例：测测你的声音听起来像什么

品牌：网易严选 x 网易云音乐

技术实现：微信音频接口

亮点：

创意上：

网易严选与网易云音乐联合跨界营销“生活音像店”，把音乐和生活通过H5连接起来，让用户自生成自己的声活海报，传递“生活即颂歌”的理念。

策划上：

让用户进入H5，通过测试自己的声音听起来像什么，根据音色、音调、音频三个维度生成一句描述的话，组成分享海报，文案与画面有洞察、很戳人、很有趣，引起用户在朋友圈传播；

设计上：

用可爱的插画风格，加上创意园区，音乐活泼跳跃，营造有趣的氛围。

交互上：

界面流畅清晰，用户体验友好、操作简单，最后生成的海报很有趣，让人很有分享的欲望。

技术上：

调取了微信音频接口，对这个接口感兴趣的伙伴，可以看https://developers.weixin.qq.com/doc/offiaccount/OA_Web_Apps/JS-SDK.html#25 而后搜“音频接口”，查看录音，自动停止录音和播放的代码实现方案。

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

标签