短信登录 企业用户

未注册过的手机号登录即创建广告门账号

综合

综合

案例

公司

专题

e生活营销 招聘 父亲节 奥美 肯德基 美团 母亲节 WPP 小红书 马龙 AI 端午 百年品牌广49告设计 520 刘亦菲
清除历史

广告门评分

2人已评
1星
0%
2星
0%
3星
0%
4星
50%
5星
0%
4.0
我的评分
收藏
评论
微信分享

鲸云音效——网易云音乐带给你不一样的视听盛宴

发布时间:2018-09-26 13:30


H5 动效 微信 网易云音乐 无右互动

玩音乐,我从来没在怕的
 

今年7月网易云音乐推出了鲸云音效功能,经过几个版本更新后,现在共有20种不同音效搭载5种视觉动效,可供云音乐用户在APP内选择使用。从鲸云音效的推出到现在2个多月的时间内,已经有数种音效的使用频次突破了千万级别,也是从数据层面印证了鲸云音效是一次非常成功的尝试。
 

既明科技有幸成为此次项目的制作方之一,携手动观文化完成了这支H5的制作。作为本次项目的创意提供方,动观文化提供了非常专业的视频拍摄、内容输出。
 

本次H5不同于此前网易出品的以内容为主的答题、测试类项目,而是以炫酷的视频和有趣的玩法这样的表现形式,来向大家呈现鲸云音效的强大功能,不仅提供听觉上的别致享受,视觉上更是以炫酷动效的方式呈现,仿佛为音乐赋予了生命。
 

7297301fa7df76b5cad7c1062473eb47_1.gif
 

本次H5的核心部分采用了类似于多线程视频顺序切换的方式,多段视频音效同时播放,大家可以通过点击画面中的黑胶唱片按钮任意切换。随着视频画面切换,背景音效也在同时变动,而无论视频还是音频都是流畅无比,仿佛随着时间的流逝,我们穿梭在不同次元间一样。(据说为了测试切换视频稳定性,某程序员大大短时间内麒麟臂发作连续点击348次)
 

1537452408469810.jpg
 

这一页的生成逻辑有一个小小的彩蛋,我们几乎每次进去得到的页面都会不同。但是如果大家多浏览几次H5就会发现,其实这一页的画面是根据我们在调音时停留时间最长的页面来决定的。此外我们调音的画面会单另保存为一个定制视频,在这个页面我们可以选择重新调音或者生成我们个性分享海报。
 

1537452533707106.jpg
 

海报页面看起来蛮像简易版的证书,会有一些“资质”方面的认证,譬如:在本次H5中调音了多少次,为音效增益了多少db。同样“资质”认证也少不了头像,大家也可以上传一张自己喜欢的照片,最后这张海报可以长按保存并且分享给好友。
 

 客官们,请品尝

1537452642238918.png

 

有幸采访到负责本次项目的程序员大大

Q: 那个炫酷的切换视频是怎么做到的?

A:  我们将4条视频摆在一起,尺寸、长度等都完全一致,点击切换按钮后像传送带一样依次将视频移到画面中显示。可以这么理解,就像百米赛跑的跑道一样,我们在1-4道之间切换,但是随着时间的进程,所有视频其实是同时都在播放的。

Q: 调完音后我的调音过程还生成了一段视频,这是怎么实现的?

A: 其实在H5里实现这个需求,还是比较困难的。我们想到了一个解决办法是,在用户点击调音(切换)按钮时,我们将“点击”的这个动作记录下来,点击的次数、两次点击间隔时长以及点击的时间点等信息。在调音结束后我们对这段视频用技术处理,施加这些点击操作,对还未在手机屏幕中显示的其它3个画面我们用一层“幕布”遮住,这样生成的视频就是一段连续完整并且还符合用户点击操作的“记录视频”了。

Q: 哪个传说中麒麟臂爆发狂点348次的人是你吗?

A:    嘿嘿~  你猜啊

注:本文系广告门企业用户授权在广告门平台发表,内容仅作为该用户观点,不代表广告门立场和观点。

案例信息

行业: 互联网
类型: H5
地区: 中国大陆
广告创意: 无右互动
设计制作: 无右互动
时间: 2018
我的评分
收藏
微信分享
关闭

意见反馈/举报

反馈/举报信息:

联系方式(选填):