波形圖是一種時域圖片,顯示音訊樣本在音軌短片段中達到最小值與最大值的位置。當您的產出物是音訊振幅包絡的可視呈現,而不是音訊本身時,就應該產生波形圖。輸出是一個靜態 SVG,每個區段繪製一條垂直線,從該區段解碼後的最小樣本延伸到最大樣本,解碼完全在您的瀏覽器中本機完成。滿刻度的正向或負向樣本會從垂直中心向上或向下延伸至所要求高度的 45 %,上下各保留 5 % 的邊距。欄數是所要求的圖片寬度 1,000 與解碼後的幀數之中較小的值,因此短片段不會產生比其所含內容更多的獨立測量,長片段也會維持在合理的 SVG 預算之內。波形圖並不是經過校準的響度量表、頻譜圖或頻率分析儀,這就是為什麼決定是否產生波形圖,本質上是在決定觀眾是否需要看到振幅隨時間的變化,而不是他們是否需要聽到或分析音訊。

產生音訊波形圖實際上代表什麼
波形產生器的輸出是一張靜態圖片,而不是音訊檔案或影片。音訊波形產生器會在使用者目前的瀏覽器分頁中,透過 Web Audio 解碼單一音訊檔,將解碼後的樣本幀切分為等長的索引範圍,然後為每個範圍從最小樣本到最大樣本繪製一條垂直線。實作採用刻意簡化的峰值包絡法,對每個範圍內每個解碼後聲道取有限且截斷後的最小值與最大值,這種方式比每個區段只挑一個任意樣本,更能忠實保留短暫的正向與負向峰值。產出的圖片是一張結合所有聲道的單一峰值總覽,座標是確定性的:垂直中心位於所要求高度的一半,滿刻度從該中心向外延伸至高度的 45 %,欄位則在所要求寬度內等距分布。
這個方法有明確的限制,應該影響您的決策。本工具不計算頻率內容、節拍、音符、響度、語音、暫態或音樂結構。它不會分別顯示左右聲道、不會將聲道平均成新訊號,也不會以視覺方式保留聲道身分。這張圖並不是頻譜圖,即使兩者在日常對話中通常都被稱為波形:時間由左向右遞增,但垂直線代表的是樣本振幅範圍,而非頻率。若您需要頻率分析,必須使用其他工具;若您需要經校準的響度數值,則需要為此目的設計的量表。
表示您可能需要波形圖的訊號
當產出物是他人會查看的音訊圖片時,就應該產生波形圖。常見情境包括:影片剪輯師需要一張靜態波形圖放到時間軸上;簡報中將引言與可視錄音並列;說明音效的文件頁面;希望提供曲目預覽的 Podcast 網站;以及將有意義的錄音轉為壁掛藝術品的印刷或海報工作流程。這些情境的共同特點是觀眾無法或不會先播放音訊,因此必須由靜態圖片傳達某些資訊。
當您提出兩個問題後,決策會更明確。第一,觀眾是否需要看到大聲段的位置、靜音處,或是能量的消長?第二,您是否能掌控輸出格式,或最終階段是無法接受播放小工具的地方?當產出物本身就是 SVG 時(例如需要一個在任何顯示尺寸下都保持銳利的檔案的工作流程),本機產生的確定性產生器通常是最乾淨的來源。若兩個問題的答案都是肯定的,產生波形圖就是正確的選擇。
第三個訊號是重複使用與檢視。SVG 輸出在放到其他顯示尺寸時仍維持銳利,可在支援 SVG 的編輯器中開啟以重新上色、重新描邊或重新設計樣式,並包含一個背景矩形與一組固定像素尺寸並搭配對應 viewBox 的峰值線。需要確認圖片實際內容的讀者,也可以開啟頁面的 SVG 檢查器,讀取產生的完整文字,因為下載使用的是完全相同的字串。
可以跳過波形圖的時機
當目的是聆聽、剪輯、重排或分析音訊,而不是將其視覺化時,請跳過波形圖產生。從較長錄音中剪輯一段是 音訊剪輯工具 的工作;依指定順序合併多個檔案是 音訊合併工具 的工作;反轉所有解碼後的樣本是 音訊反轉工具 的工作;在不更動時長的情況下改變音高則是 音訊變調工具 的工作。這些工作流程各自會回傳一個真正的 PCM16 WAV 檔,這才是最終聆聽者會播放結果時所需要的。
當問題涉及頻率內容、節拍或音樂結構時,請跳過波形圖產生。波形圖無法告訴您某個音是 A 音、底鼓落在第二拍,或是母帶過度響亮。這些任務需要的分析,是這個峰值包絡刻意不去嘗試的。當您在剪輯過程中只需要做一次健全性檢查時,也請跳過它:在任何音訊編輯器中開啟檔案,所得到的互動式檢視比單次輸出的 SVG 豐富得多,編輯器可以捲動、縮放並疊加量表,這是靜態圖片做不到的。
當檔案本身就是產出物時,也請跳過它。波形圖是從音訊衍生的圖片,並非音訊的替代品。若客戶需要錄音內容,就寄送錄音;若他們需要逐字稿,就產生一份;若他們需要的是視覺呈現,那波形圖才列入考量。
如何在瀏覽器中本機產生波形圖
一旦決定產出物是靜態圖片,最快的路徑就是一個不會上傳您檔案的本機 SVG 產生器。音訊波形產生器會依下列流程執行。
- 選擇一個瀏覽器可解碼的音訊檔,並確認其在所述的壓縮與解碼限制之內。Web Audio 只在目前瀏覽器與作業系統支援其實際編解碼器時,才會讀取所選擇的 MP3、WAV、M4A、AAC、Ogg、WebM 或 FLAC,因此副檔名或 MIME 標記並不能保證能解碼(請參閱 Web Audio API AudioBuffer 規格)。不支援、損壞、空的或偽裝的檔案會回傳錯誤。
- 設定 SVG 寬度、高度、背景顏色與波形顏色,然後在本機產生峰值包絡。寬度必須介於 320 至 1,600 像素之間,高度必須介於 120 至 600 像素之間。顏色來自瀏覽器的六位數十六進位顏色控制項,而所有 SVG 標記都是由驗證後的數字與這些顏色所產生,並非從檔名或嵌入的來源中繼資料複製而來。
- 檢查回報的幀數與峰值欄數,檢視預覽或 SVG 文字,然後下載完全相同的可縮放 SVG。頁面會在可展開的檢查器中顯示產生的 SVG 文字,下載使用的就是該字串。選擇替換檔案、變更選項、再次產生或離開頁面,都會撤銷已失效的物件 URL,因此較舊的圖片不會被誤用來代表新的輸入。
下載的是文字型 SVG,而非 PNG、JPEG、影片或音訊。檔案包含一個背景矩形與一組固定像素尺寸並搭配對應 viewBox 的峰值線,這就是為什麼放到其他顯示尺寸時仍能保持銳利。極大型的印刷或編輯工作流程可能仍需要不同的描邊寬度或更詳細的來源資料,但對大多數網頁、簡報與適度印刷用途而言,輸出可直接使用。
嘗試前需要確認的限制
本站音訊工具所使用的相同解碼資料限制在此也適用,而這些限制是檔案是否能處理的決定性因素。載入檔案前請先確認以下事項。
| 限制項目 | 接受範圍 |
|---|---|
| 壓縮檔大小 | 最多 50 MiB |
| 解碼後時長 | 最多五分鐘 |
| 聲道數 | 一至八 |
| 取樣率 | 8,000 至 192,000 Hz |
| 聲道樣本總數 | 最多 3,000 萬 |
| SVG 寬度 | 320 至 1,600 像素 |
| SVG 高度 | 120 至 600 像素 |
這些檢查很重要,因為小的壓縮檔可能展開成大得多的浮點聲道陣列。超出限制的音訊會整體被拒,因此波形圖不會在不知情的情況下只取音軌開頭來產生。若您的檔案未通過任何一項,正確的做法是先使用音訊剪輯工具裁剪,再用較短的版本回到波形產生器。
誠實地解讀結果
峰值波形圖是一張有用的圖片,但它有已知的弱點。兩段錄音可能呈現相似的峰值,聽起來卻截然不同,因為感知響度取決於時長、頻率平衡、動態與播放條件。一段峰值穩定且位於中等強度的音軌,可能比峰值較稀疏但位於相同強度的音軌聽起來更響,而靜態圖片無法顯示這種差異。請將 SVG 視為顯示極端值所在位置的圖片,而非測量音軌聽感響度的方式。
這張圖片同樣無法診斷聽覺、設備、削波歷史、相位或母帶合規性。它可以顯示滿刻度樣本的存在,這通常與來源的數位削波相關,但無法告訴您削波發生在訊號鏈中的哪個階段之前或之後。若這些問題中有任何一項是重點,正確的工具是音訊編輯器或經校準的量表,而非靜態 SVG。在這些範圍內使用,波形圖是一張乾淨、確定性且在本機產生的圖片,能與播放、編輯與發布良好搭配。
若您正在權衡選項,記錄產生音訊波形圖的步驟對此有詳細說明。
若您正在權衡選項,修正音訊波形圖輸出中看起來錯誤的結果對此有詳細說明。