初學者應預期得到的是靜態 SVG 時域峰值概覽,而不是頻譜圖、經校準的響度計或重新寫入的音訊檔案。

在本指南中,「產生音訊波形」是指將現有錄音轉換為視覺化概覽。時間由左至右延伸,每條垂直 SVG 線條代表錄音某一部分經解碼後樣本的最小值至最大值範圍。

解碼、峰值擷取、SVG 產生、預覽與下載都會在目前的瀏�器分頁中於本機執行。不會有任何音訊檔案或產生的圖像上傳至 Lizely,原始錄音也不會被重新寫入。

what should beginners know before they generate audio waveform
產生音訊波形前,初學者必須知道的事項

從正確的心智模型開始

產生器會將解碼後的框架分成連續且以整數索引的範圍。對於每個範圍,它會找出所有已解碼聲道中有限的最小與最大樣本,將超出範圍的值限制在 -1 至 1 之間,並從該區段的最大值繪製一條垂直線至其最小值。採用兩個極值,比每個範圍任選一個樣本更能忠實保留短促的正峰值與負峰值。

瀏覽器會將聲音解碼成 AudioBuffer,其中包含用於處理的聲道樣本資料。此方法刻意維持簡單:它是峰值包絡視覺化,而不是對錄音進行完整分析。

輸出或目標 此工具提供的功能 需求更適合下列情況時
靜態波形概覽 隨時間變化的最小值至最大值解碼樣本峰值 需要基於 SVG 工作流程的快速視覺化摘要
頻率分析 不提供頻譜圖、音符、節拍或頻率內容 需要頻譜圖或專用的頻率分析器
響度評估 提供樣本峰值,但沒有經校準的響度值 需要專用的響度計
各聲道獨立檢視 單一整合的多聲道峰值概覽 需要將每個聲道顯示為獨立軌道的音訊編輯器

連續區段的邊界從框架 0 開始,最後一個區段延伸至最後一個已解碼框架。相鄰範圍之間不會省略任何已接受的框架,因此影像會依處理順序呈現已解碼的錄音。

載入前先檢查音訊

檔案格式與瀏覽器支援能力是兩個不同的問題。可以選擇 MP3、WAV、M4A、AAC、Ogg、WebM 與 FLAC,但只有在目前瀏覽器與作業系統支援該檔案實際使用的編解碼器時,解碼才會成功。副檔名或 MIME 標籤無法保證具備支援能力。不支援、損毀、空白的偽裝檔案會回傳錯誤,而不會產生誤導性的波形。

如果通常支援的格式在某個瀏覽器中無法解碼,波形產生失敗的瀏覽器疑難排解可協助區分瀏覽器相容性問題與無效來源檔案。

開始前請檢查每個已解碼音訊的邊界。以下限制會套用至整個選取範圍:

輸入屬性 必要值
壓縮檔案大小 不得超過 50 MiB
解碼後的長度 不得超過五分鐘
聲道數 一至八個聲道
取樣率 8,000 至 192,000 Hz
已解碼聲道樣本 不得超過 30 million

超過限制的檔案會整個遭到拒絕;產生器不會只根據開頭部分悄悄建立波形。小型壓縮檔案可能會展開成大得多的浮點數聲道陣列,因此壓縮大小與解碼樣本限制都很重要。

選擇符合最終 SVG 的設定

輸出尺寸是所產生檔案的一部分,而不是暫時的顯示設定。寬度範圍為 320 至 1,600 像素,高度範圍為 120 至 600 像素。背景與波形顏色必須透過六位數十六進位控制項選取。

控制項 可接受的值 對輸出的影響
SVG 寬度 320–1,600 像素 設定固定寬度與相符的 viewBox
SVG 高度 120–600 像素 設定固定高度與垂直比例
背景顏色 六位數十六進位顏色 填滿單一背景矩形
波形顏色 六位數十六進位顏色 為產生的峰值線條著色

下載的檔案是以文字為基礎的 SVG,而不是 PNG、JPEG、影片或音訊。它包含一個背景矩形與一組峰值線條,尺寸與顏色均依經驗證的數值產生,而不是從檔名或嵌入的來源中繼資料複製而來。SVG 以其他尺寸顯示時仍保持清晰,不過,尺寸異常龐大的印刷或編輯專案可能仍需不同的線條寬度或更詳細的來源素材。

以受控工作流程產生波形

  1. 開啟 Audio Waveform Generator 並選擇一個檔案。 繼續前,請確認瀏覽器能解碼該檔案,且檔案符合每項壓縮與解碼限制。
  2. 設定 SVG 尺寸與顏色。 選擇 320 至 1,600 像素的寬度、120 至 600 像素的高度,以及有效的背景與波形顏色。請將這些值視為 SVG 最終的像素尺寸與外觀。
  3. 產生本機峰值包絡。 目前分頁會解碼選取的檔案、將其框架分成具有索引的區段、計算整合的最小值與最大值,並建立 SVG 預覽。原始音訊不會受到影響。
  4. 檢查所報告的框架與峰值欄數。 欄數是要求的影像寬度、1,000 與已解碼框架數三者中的最小值。因此,較短的錄音不會增加虛構的量測值,而較長的錄音仍會維持在產生器限定的欄數與處理預算之內。
  5. 下載前先檢查結果。 檢查預覽,並在需要驗證尺寸、顏色與峰值線條時展開 SVG 文字。對於多聲道素材,請記住預覽是單一整合包絡,而不是各聲道各自獨立的排列區。
  6. 下載檢查器中顯示的完全相同 SVG。 預覽與下載使用相同的產生字串。當檔案遭替換、選項變更、再次產生或離開頁面時,過時的物件 URL 會被撤銷,避免較舊的影像看似代表新的輸入內容。

請將產生的 SVG 視為權威結果。如果預覽看起來正確,下載的檔案就應包含相同的尺寸、顏色、背景矩形與峰值線條群組。

解讀峰值時不要過度推論

其幾何結構是固定的。垂直中心位於要求高度的一半,滿刻度的正樣本或負樣本會從該中心向上或向下延伸至要求高度的 45 percent。這會在頂端與底端各留下 five-percent 邊界,而峰值欄會在寬度上平均置中。

對於立體聲與多聲道檔案,每個區段會結合所有已接受的聲道。其最小值可能來自一個聲道,而最大值則來自另一個聲道。結果不會保留視覺上的聲道識別、不會建立獨立的左右聲道排列區,也不會將各聲道平均成新訊號。如果需要各聲道獨立的波形,請使用能將每個聲道顯示為獨立軌道的音訊編輯器。

峰值波形不是經校準的響度計。兩段錄音可能具有相似的可見峰值,聽起來卻大不相同,因為感知響度也取決於長度、頻率平衡、動態與播放條件。請勿使用此圖片診斷聽力、設備問題、削波紀錄、相位或母帶製作品質規範。它也不會揭露語音內容、瞬態、音符、節拍或音樂結構。

了解何時其他工作流程更適合

此工具適合需要現有錄音之確定性、可編輯靜態 SVG 概覽的初學者。它不適合用於頻率分析、經校準的響度、各聲道獨立排列區,或已修改的音訊檔案。如果最終交付物必須是 PNG 或 JPEG,請在支援所需格式且可處理 SVG 的編輯器中另行規劃轉換步驟;此產生器只會下載 SVG。

可靠的初學者工作流程很簡單:確認解碼與限制、選擇固定尺寸與顏色、產生本機峰值包絡、檢查所報告的數量、檢查完全相同的 SVG 文字,然後下載。這個順序能讓輸出適用於視覺化波形任務,而不會將它誤認為完整的音訊分析工具。

如需更深入的了解,請參閱產生音訊波形前應比較哪些事項。