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