適用於 YouTube 和 HTML5 影片的音樂視覺化工具

透過即時 Blocks、Frequency 和 Music Tunnel 效果看到您的音樂在跳動

音樂視覺化工具是一種即時圖形效果,從音訊訊號中繪製動畫形狀:隨聲音節奏移動的條、波或隧道。免費的 Turn Off the Lights 擴充功能將其直接渲染在任何 HTML5 影片播放器上:YouTube 音樂影片、Vimeo 音樂會或播客播放器無需安裝單獨的應用程式即可獲得生動的燈光秀。

三種視覺化樣式

音訊視覺化功能透過瀏覽器的 Web Audio API AnalyserNode 聆聽影片的聲音,並將結果繪製在影片上的畫布層。您在選項頁面選擇樣式:

Blocks——一堵隨節拍起伏的彩色方塊牆,經典的等化器外觀。
Frequency——從深沉低音到高音的音訊頻譜即時視圖,逐幀繪製。
Music Tunnel——隨音樂脈動和呼吸的旋轉光隧道,專為全螢幕聆聽設計。

每種樣式的背景不透明度都可調,因此效果可以是影片上的微妙光暈,也可以是充滿播放器的大膽展示。由於視覺化是與影片速度控制器和影片縮放同一影片工具列上的按鈕,您可以為一首歌開啟、為下一首關閉,無需離開頁面。它甚至能在子母畫面浮動影片中工作,音樂視覺化會在自己的迷你播放器中繼續播放。

如何啟用音訊視覺化

為 Chrome、Firefox、Edge、Opera、Safari 或您喜愛的瀏覽器安裝免費的 Turn Off the Lights 擴充功能。
在瀏覽器工具列上的灰色檯燈按鈕上按右鍵並選擇選項。
開啟進階選項分頁,找到影片工具列部分並啟用影片工具列。
播放任何 HTML5 影片:您選擇的音訊視覺化將以即時疊加層出現在播放器上,即時回應聲音。

適用範圍

音訊視覺化在標準 HTML5 影片播放器上工作,因此可在 YouTube、YouTube Music、Vimeo、Dailymotion 以及大多數在瀏覽器中播放 HTML5 影片或音訊的其他網站上使用。將其與向邊框外輻射光線的 Atmosphere Lighting 結合,打造完整的氛圍設定,並用檯燈按鈕調暗頁面其餘部分,獲得完整的 Turn Off the Lights 體驗。

常見問題

什麼是音樂視覺化工具?

音樂視覺化工具是一種即時圖形效果,從音訊訊號中繪製動畫形狀,例如隨聲音節奏移動的條、波或隧道。Turn Off the Lights 將其直接渲染在您瀏覽器中的任何 HTML5 影片上。

我可以選擇哪些視覺化樣式?

有三種內建樣式:Blocks——隨節拍生長的彩色方塊;Frequency——即時音訊頻譜;以及 Music Tunnel——隨音樂脈動的旋轉隧道。您還可以調整疊加層的不透明度。

音訊視覺化在 YouTube 和 YouTube Music 上有效嗎?

有效。它在標準 HTML5 影片播放器上工作,因此可在 YouTube、YouTube Music、Vimeo、Dailymotion 以及大多數在瀏覽器中播放 HTML5 影片或音訊的其他網站上使用。

音訊視覺化是免費的嗎?

是的。它包含在免費開源的 Turn Off the Lights 瀏覽器擴充功能中,無應用程式內購買和訂閱,適用於 Chrome、Firefox、Edge、Opera、Safari 和其他支援的瀏覽器。您可以在 GitHub 上親自閱讀程式碼。

這是為您這樣的影片愛好者打造的、用於控制瀏覽和影片的終極瀏覽器工具。今天就下載 Turn Off the Lights,看您的音樂煥發生機。