若要在 Adobe After Effects 內部自行控制並取得乾淨的音訊波形圖，最具彈性的做法是在瀏覽器中產生一個可縮放的向量波形，將 SVG 檔案儲存後，以圖層方式匯入。After Effects 確實有內建、繫結於每個圖層的音訊波形顯示，但該內建檢視鎖定於來源剪輯的音訊，色彩與尺寸的控制有限，並且無法匯出為獨立的圖形。一個獨立、在本機處理的 SVG 可讓你精確指定像素尺寸、兩組十六進位色彩，並且無論你將它作為全螢幕視覺化、下三分之一標題條點綴，或小型縮圖，這個向量檔案都能乾淨地縮放。音訊波形產生器會在當前的分頁中使用 Web Audio 讀取檔案，從解碼後的取樣計算峰值包絡，並輸出可在下載前檢視的可編輯 SVG 標記。接著，SVG 即可透過 File > Import > File 進入 After Effects，表現與其他向量素材無異。
為何 SVG 波形在 After Effects 中比內建顯示更實用
After Effects 會在每個帶有音訊的圖層上顯示音訊波形。在時間軸上雙擊音訊圖層，就會出現一條藍色的振幅軌跡;音訊頻譜、音訊波形與音量表所視覺化的都是同一份來源資料。這個內建檢視在標記峰值與同步剪輯時很方便，但一旦你想把波形當作設計過的圖形而非剪輯參考使用時，它的限制就會變得明顯。
- 內建波形繫結於所屬圖層;要把這條軌跡複製到不同時間軸上的另一個圖層並不順手。
- 色彩與線條樣式來自 After Effects 的偏好設定，而不是可交給客戶或版本控管的個別素材設定。
- 要將內建波形匯出為獨立圖形，只能透過螢幕擷取或第三方外掛，結果是縮放後會出現像素化的點陣影像。
獨立的 SVG 正好翻轉了這些限制。你可以在像素層級控制尺寸，選擇兩組十六進位色彩(背景與波形)，檔案一路以向量形式進入 After Effects。一旦匯入，圖層可以調整大小而不會損失邊緣銳利度，可用 Tint 或 Fill 效果重新上色，作為軌道遮罩使用，或餵給運算式以進行動畫建置。同一個 SVG 也能丟進 Illustrator、Figma 或網頁，不需重新匯出。
音訊波形產生器的產出(以及它不產出的東西)
這個產生器對它所繪製的圖片有明確的定義。它計算的是峰值包絡:將解碼後的取樣幀分割成等長的索引範圍，每個範圍以所有已解碼聲道中最小與最大的有限取樣值作為代表。這些極值會成為每個範圍的一條垂直 SVG 線，經過對應，使滿刻度的正或負取樣位於所要求高度中線上下各 45% 的位置。這種排佈比起每個範圍只讀一個任意取樣，更能保留短暫的暫態，這也是鼓擊或爆破音不會被平均掉而消失的原因。
它「不做」的事也是契約的一部分。圖片的水平軸是時間，垂直軸是取樣振幅範圍。它不是頻譜圖，因此頻率內容、音高與節拍都不會被表示出來。它也不是經過校正的響度表，因此兩段錄音可能呈現相近的峰值，聽起來卻差異很大，因為感知響度取決於時長、頻率平衡、動態與播放條件。對多聲道音訊而言，結果是合併後的峰值總覽:單一桶位可以從某個聲道取最小值、從另一個聲道取最大值，並不會分成左右獨立軌道。如果你需要各聲道獨立的軌跡，請先在多軌音訊編輯器中將每個聲道分離，再為每個聲道產生一個波形。
解碼、峰值萃取、SVG 產生、預覽與下載全部都在當前瀏覽器分頁中執行。依據 Web Audio API AudioBuffer 規範，此工具在本機讀取檔案，絕不上傳;所產生的圖形亦同。
事前應先確認的檔案、格式與大小限制
產生器會拒絕超出所宣告範圍的檔案，而且超出上限的音訊會整個被退回，而不是默默截斷。一個小的壓縮檔案仍可能在解碼後展開成更大的浮點聲道陣列，因此壓縮位元組與解碼後取樣的預算必須同時生效。下表列出此工具強制執行的數值。
| 參數 | 允許範圍 |
|---|---|
| 壓縮檔案大小 | 最高 50 MiB |
| 解碼後時長 | 最高 5 分鐘 |
| 聲道數 | 1 到 8 |
| 取樣率 | 8,000 到 192,000 Hz |
| 總聲道取樣數 | 最高 30,000,000 |
| 輸出 SVG 寬度 | 320 到 1,600 px |
| 輸出 SVG 高度 | 120 到 600 px |
| 可接受格式 | MP3、WAV、M4A、AAC、Ogg、WebM、FLAC |
| 色彩控制 | 六位數十六進位值 |
格式清單說明的是 Web Audio 會嘗試解碼的類型。特定檔案是否真的能被解碼，取決於你目前瀏覽器與作業系統所支援的編解碼器;副檔名或 MIME 標籤並非保證。不支援、損毀、空的或偽裝的檔案會顯示錯誤，而不是產生部分波形。
三步驟產生音訊波形 SVG
- 在前述限制範圍內選擇一個瀏覽器可解碼的音訊檔案。工具會在本機讀取檔案，並回報編解碼器是否被接受。
- 使用瀏覽器的六位數十六進位色彩控制項，設定 SVG 寬度(320–1,600 px)、高度(120–600 px)、背景色與波形色，然後在本機產生峰值包絡。
- 檢查回報的幀數與峰值欄數，在可展開的檢查器中檢視 SVG 文字內容，並下載完全相同的字串。預覽與下載檔案完全一致;更改選項、重新產生，或選擇不同的檔案，都會撤銷先前的物件 URL，因此不會出現以舊影像代表新輸入的情況。
實際繪製的欄數會是所要求的影像寬度、1,000 與已解碼幀數三者中的最小值。因此短剪輯永遠不會虛構超出其內容的獨立測量點，而長剪輯則會保持在有界限的 SVG 與處理預算之內。桶位邊界使用整數幀索引，第一個桶位從第零幀開始，最後一個桶位到達最終已解碼幀，相鄰範圍之間不會略過任何已被接受的幀。超出範圍的取樣值會在繪製前防禦性地箝制在 -1 到 1 之間。
將 SVG 匯入 After Effects
SVG 儲存後，匯入 After Effects 沿用標準素材流程:
- 在 After Effects 中選擇 File > Import > File，挑選下載的 SVG。After Effects 將它視為向量文件，並加入 Project 面板。
- 將素材拖曳到新合成中，或拖到既有合成的時間軸上以建立圖層。圖層會保留 SVG viewBox 中記載的原始像素尺寸。
- 可自由調整圖層大小;由於來源是向量，波形在任何輸出尺寸下都能保持銳利，包括 4K 與直式社群格式。
若 After Effects 提示選擇匯入種類，請將它視為 Document 接受，使 SVG 中的每個形狀都成為可編輯的圖層群組。接著你可以用 Fill 或 Tint 效果重新上色、遮罩部分軌跡，或將圖層預先合成，並在多個合成之間重複使用這個素材。若需要更深入的版面配置教學，將音訊波形產生器用於 After Effects 專案一文涵蓋了幾種常見的合成方式。
動態或靜態:在 After Effects 中挑選合適的設定
SVG 本身是靜態的——每一幀的峰值包絡都相同——所以要讓它動與不動，取決於你在 After Effects 中的做法。以下兩種實用的設定即可涵蓋大多數用途。
若要做靜態波形圖形，將匯入的圖層放在彩色背景或影像素材之上，若預設的波形顏色與設計不合，再套用 Tint 效果。由於 SVG 中的兩種顏色在產生時就已決定，典型工作流程是先把它們設定為接近最終色調，再用 After Effects 進行細部微調。向量邊緣代表圖層可放大到填滿 4K 畫面，線條仍然清晰。
若要做隨音樂反應的動態波形，最乾淨的方式是讓產生的 SVG 擔任視覺參考，再由同一段來源剪輯驅動 After Effects 的音訊反應效果。Audio Spectrum 或 Audio Waveform 效果會讀取圖層的音訊，產生動態的長條或波形;你可以把這些動畫的樣式調整為與靜態 SVG 的幾何一致。對 SVG 圖層的變形屬性套用運算式也行，例如從 thisComp.layer("Audio Amplitude").effect("Both Channels")("Slider") 取得驅動縮放或位置的值，讓靜態向量在暫態時跟著脈動，而不必逐幀重建。
動手前值得了解的限制
峰值波形是有用的設計素材，不是診斷儀器。圖片本身並未編碼頻率、節拍、音高、校正後的響度、相位或失真歷史，因此不應用於判斷母帶是否符合規範、聽力健康或器材狀態。多聲道檔案會被合併為單一總覽，而不是分開的軌道;原始音訊只會被讀取一次後捨棄，若需要各聲道獨立的波形，應以能將每個聲道分開成獨立軌道的音訊編輯器作為起點。SVG 在一般顯示與簡報尺寸下保持銳利，但在極大的印刷或後製工作流程中，可能需要不同的筆觸粗細或更高解析度的來源，因為檔案是以文字為基礎、viewBox 中帶有固定像素尺寸的標記。下載內容是文字化的 SVG 標記，而非 PNG、JPEG、影片或音訊，內容包含一個背景矩形以及一組依所要求尺寸繪製的峰值線。
如需更深入的內容，請參閱如何在 Premiere Pro 中放大音訊波形。