何用Auxre制作網易云音樂聽歌識曲交互動效呢?一起來文中看看~
效果展示:
打開網易云音樂,截圖,然后我們可以看到,這個就像水波的動效是這樣組成的:
①畫背景:純黑色、375*667
②圓圈:紅色、250*250、命名“紅圈1”
③動態面板:創建一個動態面板,設置兩個狀態,命名“控制”(由于需要循環動效,所以用動態面板,這個主要用來控制紅圈1的大小和透明度)
設置交互:設置紅圈1尺寸變大至878*878錨點居中,動畫線性1000ms→不透明為0%,動畫線性1000ms→等待1000ms→設置尺寸和透明度為原來大小,具體參數如下:
④添加熱區:250*250,設置交互:單擊時,設置“控制”動態面板下一項,循環間隔1500mm
⑤瞅瞅效果
①這里紅圈2不需要直接畫,直接復制紅圈1和控制動態面板(注意:要同時選中這連個元件復制,這樣能把交互關系也一起復制過來,命名控制2和紅圈2),然后熱區設置到頂層。
②修改控制紅圈2的交互
只需要在最前面增加等待500ms即可,這個的意思就是紅圈1執行交互放大后,過500ms,紅圈2執行交互。
③設置熱區添加控制2動態面板交互
④瞅瞅效果咋地
①復制一個紅圈,放在在中間覆蓋紅圈1和紅圈2上,添加錄音圖標,組合紅圈和錄音圖標,命名紅圈3。感興趣的朋友可以自行做出點擊文字修改提示和紅圈3點擊動效,這里不再做教學。
好了,今日教學就到這里,大家有哪個步驟不懂可以留言或下載源文件研究。下期要來個比較難的交互動效,再會!
鏈接:https://pan.baidu.com/s/1gR-C_q98-9IrIPGDB9OZOw
提取碼:k88s
本文由 @索大佩羅娜 原創發布于人人都是產品經理。未經許可,禁止轉載
題圖來自Unsplash,基于CC0協議
牛士 8月4日消息,據Techweb報道,近日,網易云音樂升級“聽歌識曲”功能,支持聽歌、哼唱、說歌詞識別,提高了識曲精確度。
網易云音樂方面表示,此前行業里的“聽歌識曲”由“聽歌識曲”、“哼唱識曲”兩個入口模塊組成,網易云音樂自研音頻識曲解決方案,通過底層技術升級統一了識曲入口,用戶無需手動選擇入口,識曲體驗進一步提升。
日,網易云音樂官方出品的Chrome插件“云音樂聽歌識曲”正式上線。用戶在瀏覽網頁視頻的過程中,如在視頻網站看視頻、影視劇等,需識別網頁中的音頻,無需通過手機APP進行聽歌識曲操作,而是可以在網頁直接使用該插件實現“一鍵識曲”,令網頁聽歌識曲更加便捷,改變了當前國產聽歌識曲插件稀缺的現狀。
該插件基于WedAssembly和manifest 3 (MV3)實現,相較于舊版的MV2技術,MV3具備更加安全、更好性能、更強隱私的優勢。
目前,云音樂聽歌識曲插件還原了網易云音樂App聽歌識曲體驗,支持更多國內音樂作品,除了具備音頻識別的功能外外,還包含紅心歌單收藏等多項功能,并將不斷完善和拓展。用戶可通過插件官網進行預覽和下載。
插件官網地址為: https://fn.music.163.com/g/chrome-extension-home-page-beta/