荔枝:七夕聊妹/聊汉/聊朋友圈小工具

2018-08-16 H5案例分享 H5案例分享
荔枝:七夕聊妹/聊汉/聊朋友圈小工具


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

识别图中二维码

七夕聊妹/聊汉/聊朋友圈小工具-查阅二维码

完整欣赏此案例大约需要50秒


案例:七夕聊妹/聊汉/聊朋友圈小工具

出品:荔枝

亮点:

  1. 创意定位,荔枝APP在七夕节推出的录音玩法的H5,录一段10秒以内的语音,可以选择3种变音,发到朋友圈,好友可以用语音匿名回复,以期产生裂变传播,从而宣传荔枝品牌。
  2. 策划上,逻辑清晰,大致分为四部分:① 微信授权,识别用户身份;② 点击“长按录音”按钮,系统会提示用户是否允许H5调用手机的录音功能,点击“同意”后,即可长按录音;录音完毕后,可以选择变音方式,共三种:小黄人音、萝莉音、肥仔音。点击“发送”按钮,进入结果页;③ 结果页为一张带二维码的海报,海报包含:用户的微信头像、昵称、语音条及相应变音方式等,底部有“荔枝”品牌的露出。海报可以长按保存到手机;④ 当用户将海报分享出去后,好友可以通过海报上的二维码进入,对用户的语音进行回复操作,当然,也是变音处理过的录音,且是匿名。
  3. 交互上,有两处调用系统提示:一是否同意微信授权,二是否同意调用录音功能。录音功能讨巧用的是长按录音,且不超过10秒,降低了用户交互难度。
  4. 体验上,简洁好玩,分享一段话,不用担心暴露隐私,看看朋友们的匿名回复!应该很适合群主玩儿,跟自己的粉丝互动~ 这种裂变玩法,发起者和参与者因为都是匿名、变音,所以,都不会有心理负担,可以轻松释放内心的“小邪恶”,哈哈哈~



技术实现: jQuery+语音接口



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

标签

分享:
海报
案列链接
下载截图
收藏案例
已收藏
分享到微信朋友圈
打开微信,点击底部的“发现”,
使用“扫一扫”即可将网页分享至朋友圈。

相关推荐:

花田:测测你的声音有多撩人~

新浪新闻&正义网&讯飞:宪法朗读人

关注微信号:h5-share,获取更多创意H5案例分享!也可访问H5案例分享网站www.h5anli.com,搜索查阅~

阅读原文

微信扫一扫
关注该公众号

收藏

微信极速登录/注册

对汉语支持不错,别对小五说英文

微信公众号

提交案例

请pc端输入网址

"h5anli.com"

下载截图压缩包~

标签已提交成功

小编正在审核

请等待一下下啦

哎呀

标签已存在

换个新的呗~