產生後看起來錯誤的波形,幾乎都能追溯到以下四個原因之一:輸入限制、尺寸選擇、色彩對比,或過時的預覽,而音訊波形產生器會在本地以修正後的設定重新產生來解決每一個問題。此工具會在當前分頁內解碼一個瀏覽器支援的音訊檔案,將解碼後的幀分割成等量的峰值區段,並為每個區段繪製一條從區段最小值到最大值的垂直 SVG 線條。垂直中心位於所要求高度的一半,而滿刻度樣本會在該中心上下各達到高度的 45%。直條會均勻分佈於所要求的寬度,直條數量等於所要求寬度、1,000 和解碼幀數中的最小值。了解這些規則後,看起來錯誤的結果就能轉變成符合你所提供輸入的正確結果。以下每一個症狀都有你可以立即套用的特定解決方法,整個過程中不會接觸到任何伺服器。

how do i fix a result that looks wrong after i generate audio waveform
修正音訊波形輸出中看起來錯誤的結果

峰值波形中「看起來錯誤」通常代表什麼

峰值波形是振幅的時域圖,而非頻譜圖、響度計或音樂轉錄。當結果令你感到意外時,原因通常是以下一連串可預測情況中的其中一種:

  • 平坦或近乎空白的影像,通常反映無聲段落、振幅極低的輸入,或解碼後樣本接近零的檔案。
  • 緊貼上下 5% 邊緣的削波,表示來源音訊已達到或超過滿刻度;此工具會將滿刻度峰值精確對應至畫布高度的 45%。
  • 不對稱或垂直偏移的形狀,反映來源錄音中的 DC 偏移。此工具繪製的是真實峰值,不會在視覺上重新置中。
  • 可見直條過少,發生於片段過短、所要求寬度過小,或兩者同時發生時——直條數量為寬度、1,000 和幀數中的最小值。
  • 波形顏色與背景融合,使峰值在所選背景顏色下變得不可見。

這些都不是工具故障。它們是峰值包絡法的可預測輸出,而辨識出它們就等於解決了一半的問題。

確認輸入檔案與解碼限制

在調整任何選項之前,請先確認檔案符合支援的範圍。若超過任何一項限制,整個檔案會被拒絕——此工具絕不會繪製部分或無聲的波形作為替代方案。

限制允許範圍
壓縮檔案大小最高 50 MiB
解碼後時長最高 5 分鐘
聲道數1 到 8
取樣率8,000 Hz 到 192,000 Hz
總聲道樣本數最高 30,000,000
SVG 寬度320 px 到 1,600 px
SVG 高度120 px 到 600 px

一個小的壓縮 MP3 仍可能解碼成非常大的浮點數緩衝區。例如,一段 60 秒、44,100 Hz 的立體聲片段會產生 60 × 44,100 × 2 = 5,292,000 個聲道樣本,遠低於 3,000 萬的上限;但更長或更高解析度的檔案可能會超過此上限,卻仍未觸及 50 MiB 的壓縮限制。在產生前檢查 3,000 萬聲道樣本的上限,可避免發生無聲的拒絕情況。

瀏覽器的編解碼支援同樣重要。Web Audio 只有在當前瀏覽器和作業系統能原生解碼時,才會讀取所選擇的 MP3、WAV、M4A、AAC、Ogg、WebM 或 FLAC;擴充功能或 MIME 標籤無法保證解碼。不支援、損壞、空檔或偽裝的檔案會回傳錯誤訊息,而非產生誤導性的影像。

以修正後的設定重新產生波形

幾乎所有視覺問題的修正路徑都相同。請開啟音訊波形產生器並依序執行以下步驟。

  1. 重新選擇音訊檔案。選擇新檔案會撤銷舊的物件 URL,使較舊的預覽無法代表新的輸入。
  2. 將 SVG 寬度設定在 320 到 1,600 像素之間,高度設定在 120 到 600 像素之間。若先前的結果看起來稀疏,請提高寬度——較長的畫布可產生更多直條,最多可達 1,000 直條的上限。
  3. 使用六位數十六進位控制項挑選背景與波形顏色。此工具不會從檔名推測顏色,因此請務必明確設定。
  4. 產生本地峰值包絡。請讀取所回報的幀數與峰值直條數——當直條數遠低於寬度時,表示該片段對你所選的畫布而言太短了。
  5. 檢查預覽與可展開的 SVG 文字檢查器。下載會寫入與檢查器中顯示完全相同的字串,因此你所看到的就是所儲存的內容。
  6. 若仍看起來有問題,請變更單一選項並重新產生,而非從頭重新開始。

每次重新產生皆完全在當前瀏覽器分頁中執行。音訊檔案與 SVG 從不離開頁面,因此你可以快速反覆嘗試,而無需上傳任何內容。

將症狀對應至特定修正方法

修復看起來錯誤之結果的最快方法是先辨識症狀,再套用對應的變更。

症狀最可能的原因特定修正方法
空白或平坦的影像無聲段落、振幅極低,或不支援的檔案確認檔案可正常播放,然後重新選擇並重新產生
峰值觸及上下邊緣來源中存在滿刻度樣本屬於預期行為;若需要餘裕,請在音訊編輯器中降低輸入增益
形狀垂直偏離中心來源錄音中的 DC 偏移屬於預期行為;若需要置中,請使用具備 DC 移除功能的編輯器
直條數遠少於預期相對於寬畫布而言片段過短降低寬度或使用更長的檔案——直條數等於寬度、1,000 和幀數中的最小值
峰值在背景中不可見色彩對比過低挑選與所選背景對比強烈的波形顏色
新選項套用後仍顯示舊影像過時的物件 URL重新選擇檔案或變更選項並重新產生——先前的 URL 會被撤銷
與音訊編輯器的呈現不同不同的區段方法、聲道處理或縮放方式在選定工作流程前先比較各種方法
檔案直接遭拒超過限制或不支援的編解碼器重新編碼、裁剪或轉換檔案,然後重試

若症狀是檔案無法解碼,原因幾乎總是編解碼器或限制問題,而非渲染錯誤。以已知支援的編解碼器重新編碼檔案、將其裁剪至五分鐘以內,或將取樣率轉換為支援的範圍,通常能清除此錯誤。

為何此結果可能與你的音訊編輯器不同

兩個工具很少會產生像素完全相同的波形,因為峰值繪製取決於區段數量、聲道處理與縮放規則。音訊波形產生器使用每個區段在所有接受聲道中的最小與最大峰值,將滿刻度縮放至畫布高度的 45%,並在兩端各保留 5% 的邊距。音訊編輯器可能會為每個區段取單一樣本、將聲道平均為單一波形,或以完整畫布高度渲染而不留任何邊距。

多聲道檔案會被合併為單一峰值概覽,而非以獨立軌道顯示。單一區段可能從某個聲道取最小值、從另一個聲道取最大值,因此該圖像不會在視覺上保留聲道身分,也不會將聲道平均成新的音訊訊號。若你需要獨立左右軌道——用於檢查平衡、相位或各聲道削波——請改用具備將各聲道作為獨立軌道顯示的音訊編輯器。此波形產生器是為快速、具決定性的 SVG 概覽所設計,而非聲道隔離的視覺化工具;將其視為後者使用,是「看起來錯誤」抱怨的最常見來源。

當真正的修正是使用其他工具時

有些抱怨其實代表波形產生器根本不適合這項工作。它並非經過校準的響度計,因此兩個峰值相似的錄音,聽起來可能會因時長、頻率平衡、動態與播放條件而截然不同。它也不是頻譜圖:時間由左至右流動,但垂直線代表的是樣本振幅範圍,而非頻率。若你的目標是診斷削波歷史、相位、母帶合規性、聽感或音樂結構,這些皆非此工具的輸出。

若是工具根本無法產生的情況,相關指南瀏覽器層級的波形疑難排解會逐步說明編解碼器支援、檔案大小與分頁狀態。峰值擷取本身透過 Web Audio 的AudioBuffer介面執行,該介面會在當前分頁內讀取樣本資料,而無需上傳任何內容。過時的物件 URL 會在輸入變更時被撤銷,因此重新產生的步驟永遠會取代——而非疊加於——先前的預覽。

若你正在權衡各種選項,入門指南:在瀏覽器中產生音訊波形對此有詳細說明。