產生音訊波形後,請檢查預覽和 SVG 檢視器中的預期尺寸與顏色,確認回報的影格和峰值欄數,並驗證結果是否呈現您預期的來源和時域檢視。

看似合理的輪廓仍可能掩蓋錯誤的設定、過期的輸入或不相宜的解讀方式。音訊波形產生器會從目前瀏覽器分頁中解碼的音訊建立靜態 SVG,因此檢查時應同時涵蓋可見的波形和可下載的檔案。

what should i review after i generate audio waveform
產生音訊波形後,我該檢查哪些項目?

確認預覽是否對應最新輸入

先檢查新舊程度。確認您選取的來源檔案,以及在最近一次產生後是否變更過尺寸或顏色。如果您替換了檔案或修改了選項,請再次產生波形並檢查新的預覽,不要依賴先前的結果。

當您選取替換檔案、變更選項、再次產生或離開頁面時,產生器會撤銷過期的物件 URL。這可避免較舊的圖片看似代表較新的輸入。即使有這項清理機制,確認來源與設定仍是您自行執行品質檢查的重要一環。請勿預期來源檔名或內嵌中繼資料會複製到 SVG 標記中,因此請另行保留稽核軌跡所需的專案筆記。

檢查尺寸、顏色和幾何形狀

SVG 寬度可介於 320 至 1,600 像素之間,高度則可介於 120 至 600 像素之間。請確認要求的數值出現在產生的 SVG 中,且其 viewBox 對應這些固定像素尺寸。當檔案將置於具有尺寸限制的配置中,或稍後要在支援 SVG 的應用程式中編輯時,這點格外重要。

接著,將背景和波形顏色與您選取的六位數十六進位值進行比較。這些顏色來自經過驗證的瀏覽器控制項,而非依據檔名或內嵌中繼資料推斷。請在預覽和 SVG 文字中檢查兩種顏色,因為熟悉的輪廓並不能證明調色盤已正確套用。

幾何形狀也遵循固定規則。垂直中心位於要求高度的一半。滿刻度的正值或負值樣本會從該中心向上或向下延伸至要求高度的 45 percent,並在頂端和底端保留 five-percent 邊界。峰值欄會在要求的寬度內平均置中。

檢查項目 預期結果 重要性
尺寸 要求的像素寬度和高度,以及相符的 viewBox 使配置和編輯行為維持可預測性
顏色 選取的六位數十六進位背景和波形顏色 確認已套用視覺設計
垂直幾何形狀 置中於高度的一半,並套用文件記載的滿刻度邊界 讓座標保持一致且便於檢查
SVG 結構 一個背景矩形和一個峰值線群組 顯示已產生預期的圖形
數量 回報的已解碼影格和峰值欄 協助驗證所呈現的音訊量

核對影格和欄位總數

回報的已解碼影格數是峰值欄數的參考基準。確切規則為 min(requested image width in pixels, 1,000, reported decoded frame count)。因此,當檔案的已解碼影格較少,或要求的寬度超過 1,000 欄上限時,欄數小於要求的寬度屬預期情況。

每一欄代表一段連續、以整數索引的已解碼影格範圍。第一段範圍從第零影格開始,最後一段範圍延伸至最後一個已解碼影格,相鄰範圍之間不會遺漏接受的影格。在每段範圍內,產生器會使用所有已解碼聲道的最小值和最大值,並將超出範圍的值限制在 -1 至 1 樣本範圍內。產生的垂直線會跨越該值區段的最大值至最小值。

請先檢查數量,再判斷細微的視覺細節。如果欄數不符合公式,請先驗證顯示的影格數和要求的寬度。短片段的獨立值區段量不會超過其已解碼影格數,而長檔案仍會維持在產生器有界限的 SVG 和處理預算之內。

在 SVG 離開工具前進行檢查

展開 SVG 檢視器並檢查確切產生的文字。查看要求的寬度、高度、相符的 viewBox、一個背景矩形,以及包含峰值線的群組。垂直峰值線的數量應與回報的峰值欄數相符。另請驗證背景和線條顏色與控制項中的數值相符。

可下載的檔案會使用與檢視器中顯示的相同 SVG 字串。它是以文字為基礎的 SVG,而非 PNG、JPEG、影片或音訊下載檔。由於其中包含一般 SVG 元素,您可以在支援 SVG 的編輯器中開啟檔案,確認圖形仍如預期般顯示。SVG 以其他尺寸顯示時仍保持清晰,但極大型的印刷或編輯工作流程可能需要不同的線條寬度或更詳細的來源資料。

將圖片解讀為隨時間變化的振幅

在產生的圖片中,時間由左向右延伸,但垂直線代表一段樣本振幅範圍。這不是頻率圖表。此差異決定預覽能合理地向您傳達哪些資訊。

  • 此工具不會計算頻率內容、音符、節拍或頻譜圖。
  • 它不提供校正 loudness、語音辨識、瞬態偵測或音樂結構分析。
  • 原始音訊不會被重寫,而 SVG 是靜態概覽,並非可播放的音訊檔案。

峰值波形並非校正 loudness 計。兩段錄音可能具有相似的可見峰值,聽起來卻大不相同,因為感知音量還取決於持續時間、頻率平衡、動態和播放條件。請勿使用圖片診斷聽力、設備問題、削波紀錄、相位或母帶處理規範。

相較於從每個值區段任意選取單一樣本,這種方法仍能更誠實地保留短暫的正負極值,但它仍刻意採用簡單的峰值包絡。請用它確認概覽的形狀和範圍,不要據此作出缺乏支持的的分析主張。

確認聲道行為和來源資格

對於立體聲和多聲道音訊,每個值區段會結合所有已解碼聲道。其最小值可能來自一個聲道,而最大值來自另一個聲道。因此,結果呈現的是單一組合峰值概覽;它不會保留獨立的左、右聲道軌,不會指出哪個聲道提供極值,也不會將聲道平均成新訊號。如需深入了解這種顯示模型,請參閱立體聲和多聲道檔案如何在波形中顯示。如果需要各聲道獨立的波形,請使用可將每個聲道顯示為獨立軌道的音訊編輯器。

下列來源需求決定產生器能否完成工作:

輸入檢查項目 支援需求
瀏覽器解碼 一個可由瀏覽器解碼的檔案;只有在目前瀏覽器和作業系統支援實際 codec 時,MP3、WAV、M4A、AAC、Ogg、WebM 和 FLAC 才能使用
壓縮大小 最多 50 MiB
解碼時長 不超過五分鐘
聲道數 一至八個聲道
解碼取樣率 8,000 至 192,000 Hz
解碼樣本預算 不超過 30 million 個聲道樣本

副檔名或 MIME 標籤無法保證解碼一定成功。不支援、損毀、空的或偽裝的檔案會傳回錯誤。超出限制的音訊會整個遭到拒絕,而不會在未告知的情況下僅縮減為開頭片段。處理、預覽產生和下載作業都留在目前瀏覽器分頁中;音訊檔案和產生的圖 graphic 都不會上傳至 Lizely。

依下列順序執行最終檢查

  1. 確認目前來源檔案和設定,並確保預覽是在最近一次變更後產生。
  2. 將預覽的寬度、高度、背景、波形顏色、置中幾何形狀和整體形狀與預期結果比較。
  3. 依據文件記載的最小值規則,檢查回報的已解碼影格數和峰值欄數。
  4. 展開 SVG 檢視器,驗證尺寸、相符的 viewBox、背景矩形、峰值線群組、線條數和顏色。
  5. 下載 SVG,在支援 SVG 的編輯器中重新開啟,確認它與檢視器和預覽相符。請記住,下載內容僅有 SVG。
  6. 將完成的檔案與其用途配對:靜態向量圖形使用組合振幅概覽,需要聲道層級檢查時在音訊編輯器中選擇獨立聲道軌,並避免將圖片解讀為頻率或 loudness 資料。

相關閱讀:如果我無法產生音訊波形,該怎麼辦?。