咪咕善跑APP：2021我有话说
案例演示，请长按/扫描以下二维码 ->
识别图中二维码
完整欣赏此案例大约需要2分钟
案例：2021我有话说
品牌：咪咕善跑APP
技术实现： vue + vuex 播放录音，以及录音等等
亮点：
1.创意定位
咪咕善跑APP推出的录入语音制定新年目标的作品，用户倾听作品中关于健康，工作，和爱情的语音目标后，说出自己的目标生成海报，为自己新的一年加油打气，也可以点击触点登陆咪咕善跑APP介绍页面，以此吸引用户下载使用。
2.策划逻辑
一段温馨的导语后，用户点击进入倾听界面，有四个录音带，分别是社畜呐喊，革命本钱和来碗狗粮，用户点击自己感兴趣的拖入录音机收听，每个录音带里都有若干条录音按顺序播放，上方有播放内容文字滑过，录音机上有“换带”触点，点击后播放暂停，用户可继续将其他录音带拖入录音机，或点击“我也想录”,授权麦克风，录入自己的新年愿望，选择标语，生成海报，海报界面可重新录音，分享作品，和点击登陆平台宣传页。
3.设计上
作品颜色温馨，界面操作简单，声音形式的愿望表达，聆听时很有亲切感，很容易引发对工作，减肥，爱情等生活内容的共鸣。
4.交互上
用户可把录音带内容听完，也可随时点击“我要录音”制做自己的愿望海报，录音时声音不可过小，不能成功录入的话会有提示框提示用户录入失败。
以上为“H5案例分享”团队原创文章，转载请注明出处！
标签
关注微信号：h5-share，获取更多创意H5案例分享！也可访问H5案例分享网站www.h5anli.com，搜索查阅~
微信扫一扫
关注该公众号
京公网安备 11010802030403号
