腾讯新闻:念词成曲
案例演示,请长按/扫描以下二维码 ->
识别图中二维码
完整欣赏此案例大约需要1分钟
案例:念词成曲
品牌:腾讯新闻
技术实现: HTML5
亮点:
1.创意定位
由腾讯新闻为庆祝新中国成立70周年制作的机器人录歌H5。
2.策划逻辑
整个H5大致分为三部分:
①Loading部分:红色幕布上有70周年的一个标志,拉的红色横幅写着“庆祝新中国成立70周年”,最下方是加载条,有一个转动的小光盘,写着“智能机器人上线中”
②内容部分:中间一个大黑胶唱片在放映,“年初歌词,机器人秒变歌曲,快来听听TA录的 智能加油歌”点击播放按钮,开始播放机器人录制的一首歌曲。点击下方的“我也要录制”,最下方是腾讯新闻和国力全开的Logo。
过渡页是舞台中央一个大麦克风“念词成曲,腾讯新闻邀你为祖国录首智能加油歌”点击最下方“开始念词”
选择性别的界面,下方有“我已阅读《隐私条款》”的选项。
进入选歌阶段,总共有五首歌可选择,左右滑动切歌,选择后会有提示“请在安静的地方,用普通话慢慢念出歌词”点击“重新选择”或“开始念词”,跟着字幕慢慢念词,录完点击“完成”或者“重录”。
③落地页部分:经过短暂的“加油歌曲智能合成”等待,可听用自己的声音录制的歌曲,可点击“再录一次”或“点击右上发布”。
3.设计上
主要由红色和卡其色构成。
4.体验上
加载速度快,有五首歌可供选择,还有最近比较火的“我和我的祖国”
标签
关注微信号:h5-share,获取更多创意H5案例分享!也可访问H5案例分享网站www.h5anli.com,搜索查阅~
微信扫一扫
关注该公众号