節拍視覺化 — 即時音樂音訊視覺效果

將麥克風變成燈光秀。五種震撼視覺效果,完全在瀏覽器中運行——無需上傳,無需安裝。

免費使用 →

功能特性

粒子爆炸

由低音驅動的粒子爆發從中心向外飛射,採用物件池系統,確保流暢的 60fps 效能。

環形頻譜

360° 頻率條排列成環形,隨音量幅度縮放,並以平滑漸層著色。

示波器波形

即時時域波形線,發光強度與音量成正比。

極座標花瓣

頻率數據映射至極座標,形成旋轉的花瓣圖案,具有多層次深度感。

3D 反應球體

Three.js IcosahedronGeometry,每個頂點位移由 FFT 數據驅動——隨每個節拍擴展變形。

🔒

螢幕喚醒鎖定

使用 Wake Lock API 在視覺化期間自動保持螢幕常亮,停止後自動釋放。

使用方法

1

點擊開始

點擊脈動的開始按鈕。瀏覽器會請求麥克風權限——授予後即可開始。

2

播放音樂

在裝置旁播放音樂或唱歌。視覺效果即時回應聲音。

3

切換效果

點擊底部的五個圓點,或按空白鍵循環切換效果。用滑桿調整靈敏度。

4

更換主題

點擊右上角的 🎨 圖示,從霓虹紫、極光綠、落日橙或極簡白中選擇。

5

全螢幕顯示

雙擊畫布進入真正的全螢幕模式。介面會在 3 秒後自動隱藏,帶來沉浸式體驗。

常見問題

節拍視覺化工具是免費的嗎?
是的,完全免費。無需帳號、無訂閱、無需上傳——所有內容在瀏覽器本地執行。
它會錄製我的麥克風嗎?
不會。音訊完全透過瀏覽器內的 Web Audio API 即時處理。任何資料都不會傳送至伺服器。
為什麼 3D 球體載入稍慢?
Three.js 僅在切換到 3D 球體模式時才按需載入。這能保持其他四種效果的初始載入速度。
可以在行動裝置上使用嗎?
可以。所有控制項均支援觸控(最小 44px)。粒子數量會在小螢幕上自動減半,以保持流暢的幀率。
如果螢幕一直熄滅怎麼辦?
此工具使用螢幕喚醒鎖定 API 防止執行時進入睡眠。如果您的瀏覽器不支援此功能,將會靜默忽略。

← 返回 pudone! 首頁