腾讯新闻:念词成曲

2019-09-29 H5案例分享 H5案例分享
腾讯新闻:念词成曲


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

识别图中二维码

念词成曲-查阅二维码

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


案例:念词成曲

品牌:腾讯新闻

技术实现: HTML5

亮点:

1.创意定位

由腾讯新闻为庆祝新中国成立70周年制作的机器人录歌H5。

 

2.策划逻辑

整个H5大致分为三部分:

 

①Loading部分:红色幕布上有70周年的一个标志,拉的红色横幅写着“庆祝新中国成立70周年”,最下方是加载条,有一个转动的小光盘,写着“智能机器人上线中”

 

②内容部分:中间一个大黑胶唱片在放映,“年初歌词,机器人秒变歌曲,快来听听TA录的 智能加油歌”点击播放按钮,开始播放机器人录制的一首歌曲。点击下方的“我也要录制”,最下方是腾讯新闻和国力全开的Logo。

过渡页是舞台中央一个大麦克风“念词成曲,腾讯新闻邀你为祖国录首智能加油歌”点击最下方“开始念词”

选择性别的界面,下方有“我已阅读《隐私条款》”的选项。

进入选歌阶段,总共有五首歌可选择,左右滑动切歌,选择后会有提示“请在安静的地方,用普通话慢慢念出歌词”点击“重新选择”或“开始念词”,跟着字幕慢慢念词,录完点击“完成”或者“重录”。

 

③落地页部分:经过短暂的“加油歌曲智能合成”等待,可听用自己的声音录制的歌曲,可点击“再录一次”或“点击右上发布”。

 

3.设计上

主要由红色和卡其色构成。

 

4.体验上

加载速度快,有五首歌可供选择,还有最近比较火的“我和我的祖国”





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

标签

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

相关推荐:

人民日报 X 腾讯微视:爱国style

金科:向东方,为祖国奔跑"在线跑道"现已开启

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

阅读原文

微信扫一扫
关注该公众号

收藏

微信极速登录/注册

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

微信公众号

提交案例

请pc端输入网址

"h5anli.com"

下载截图压缩包~

标签已提交成功

小编正在审核

请等待一下下啦

哎呀

标签已存在

换个新的呗~