鯨云音效——網(wǎng)易云音樂帶給你不一樣的視聽盛宴
玩音樂，我從來(lái)沒在怕的
今年7月網(wǎng)易云音樂推出了鯨云音效功能，經(jīng)過幾個(gè)版本更新后，現(xiàn)在共有20種不同音效搭載5種視覺動(dòng)效，可供云音樂用戶在APP內(nèi)選擇使用。從鯨云音效的推出到現(xiàn)在2個(gè)多月的時(shí)間內(nèi)，已經(jīng)有數(shù)種音效的使用頻次突破了千萬(wàn)級(jí)別，也是從數(shù)據(jù)層面印證了鯨云音效是一次非常成功的嘗試。
既明科技有幸成為此次項(xiàng)目的制作方之一，攜手動(dòng)觀文化完成了這支H5的制作。作為本次項(xiàng)目的創(chuàng)意提供方，動(dòng)觀文化提供了非常專業(yè)的視頻拍攝、內(nèi)容輸出。
本次H5不同于此前網(wǎng)易出品的以內(nèi)容為主的答題、測(cè)試類項(xiàng)目，而是以炫酷的視頻和有趣的玩法這樣的表現(xiàn)形式，來(lái)向大家呈現(xiàn)鯨云音效的強(qiáng)大功能，不僅提供聽覺上的別致享受，視覺上更是以炫酷動(dòng)效的方式呈現(xiàn)，仿佛為音樂賦予了生命。
本次H5的核心部分采用了類似于多線程視頻順序切換的方式，多段視頻音效同時(shí)播放，大家可以通過點(diǎn)擊畫面中的黑膠唱片按鈕任意切換。隨著視頻畫面切換，背景音效也在同時(shí)變動(dòng)，而無(wú)論視頻還是音頻都是流暢無(wú)比，仿佛隨著時(shí)間的流逝，我們穿梭在不同次元間一樣。（據(jù)說(shuō)為了測(cè)試切換視頻穩(wěn)定性，某程序員大大短時(shí)間內(nèi)麒麟臂發(fā)作連續(xù)點(diǎn)擊348次）
這一頁(yè)的生成邏輯有一個(gè)小小的彩蛋，我們幾乎每次進(jìn)去得到的頁(yè)面都會(huì)不同。但是如果大家多瀏覽幾次H5就會(huì)發(fā)現(xiàn)，其實(shí)這一頁(yè)的畫面是根據(jù)我們?cè)谡{(diào)音時(shí)停留時(shí)間最長(zhǎng)的頁(yè)面來(lái)決定的。此外我們調(diào)音的畫面會(huì)單另保存為一個(gè)定制視頻，在這個(gè)頁(yè)面我們可以選擇重新調(diào)音或者生成我們個(gè)性分享海報(bào)。
海報(bào)頁(yè)面看起來(lái)蠻像簡(jiǎn)易版的證書，會(huì)有一些“資質(zhì)”方面的認(rèn)證，譬如：在本次H5中調(diào)音了多少次，為音效增益了多少db。同樣“資質(zhì)”認(rèn)證也少不了頭像，大家也可以上傳一張自己喜歡的照片，最后這張海報(bào)可以長(zhǎng)按保存并且分享給好友。
客官們，請(qǐng)品嘗
有幸采訪到負(fù)責(zé)本次項(xiàng)目的程序員大大
Q： 那個(gè)炫酷的切換視頻是怎么做到的？
A： 我們將4條視頻擺在一起，尺寸、長(zhǎng)度等都完全一致，點(diǎn)擊切換按鈕后像傳送帶一樣依次將視頻移到畫面中顯示?？梢赃@么理解，就像百米賽跑的跑道一樣，我們?cè)?-4道之間切換，但是隨著時(shí)間的進(jìn)程，所有視頻其實(shí)是同時(shí)都在播放的。
Q： 調(diào)完音后我的調(diào)音過程還生成了一段視頻，這是怎么實(shí)現(xiàn)的？
A： 其實(shí)在H5里實(shí)現(xiàn)這個(gè)需求，還是比較困難的。我們想到了一個(gè)解決辦法是，在用戶點(diǎn)擊調(diào)音（切換）按鈕時(shí)，我們將“點(diǎn)擊”的這個(gè)動(dòng)作記錄下來(lái)，點(diǎn)擊的次數(shù)、兩次點(diǎn)擊間隔時(shí)長(zhǎng)以及點(diǎn)擊的時(shí)間點(diǎn)等信息。在調(diào)音結(jié)束后我們對(duì)這段視頻用技術(shù)處理，施加這些點(diǎn)擊操作，對(duì)還未在手機(jī)屏幕中顯示的其它3個(gè)畫面我們用一層“幕布”遮住，這樣生成的視頻就是一段連續(xù)完整并且還符合用戶點(diǎn)擊操作的“記錄視頻”了。
Q： 哪個(gè)傳說(shuō)中麒麟臂爆發(fā)狂點(diǎn)348次的人是你嗎?
A: 嘿嘿~ 你猜啊
項(xiàng)目信息
評(píng)論
評(píng)論
推薦評(píng)論
暫無(wú)評(píng)論哦，快來(lái)評(píng)論一下吧！
全部評(píng)論（0條）