import{s as ls,o as ss}from"../chunks/scheduler.cd324960.js";import{S as ns,i as is,e as p,s as n,c as f,h as ps,a,d as l,b as i,f as Al,g as r,j as m,k as kt,l as as,m as s,n as o,t as d,o as c,p as T,q as ts,r as es}from"../chunks/index.b5b48820.js";import{T as Ol}from"../chunks/Tip.c8436081.js";import{C as ms,H as Zt,E as us}from"../chunks/MermaidChart.svelte_svelte_type_style_lang.723fcaac.js";import{C as Ft}from"../chunks/CodeBlock.d3453e39.js";function fs(Lt){let u;return{c(){u=ts("💡 실무에서 사람들이 고속 푸리에 변환(FFT)이라는 용어와 DFT를 혼용해서 쓰는 경우를 볼 수 있을겁니다. 이는 DFT를 계산하는 유일한 효율적인 방법이 FFT를 사용하는것이기 때문입니다.")},l(x){u=es(x,"💡 실무에서 사람들이 고속 푸리에 변환(FFT)이라는 용어와 DFT를 혼용해서 쓰는 경우를 볼 수 있을겁니다. 이는 DFT를 계산하는 유일한 효율적인 방법이 FFT를 사용하는것이기 때문입니다.")},m(x,M){s(x,u,M)},d(x){x&&l(u)}}}function rs(Lt){let u;return{c(){u=ts('💡 모든 멜 스펙트로그램이 같은 것은 아닙니다! 일반적으로 사용되는 멜 스케일에는 두가지가 있으며("htk"와 "slaney"), 파워 스펙트로그램 대신 진폭 스펙트로그램(amplitude spectrogram)이 사용될 수도 있습니다. 로그-멜 스펙트로그램으로의 변환은 항상 실제 데시벨을 계산하는 것이 아니며 단순히 로그를 취할 수도 있습니다. 따라서, 머신러닝 모델이 멜 스펙트로그램을 입력으로 받는다면, 같은 방식으로 계산하고 있는지 다시 한번 확인하시길 바랍니다.')},l(x){u=es(x,'💡 모든 멜 스펙트로그램이 같은 것은 아닙니다! 일반적으로 사용되는 멜 스케일에는 두가지가 있으며("htk"와 "slaney"), 파워 스펙트로그램 대신 진폭 스펙트로그램(amplitude spectrogram)이 사용될 수도 있습니다. 로그-멜 스펙트로그램으로의 변환은 항상 실제 데시벨을 계산하는 것이 아니며 단순히 로그를 취할 수도 있습니다. 따라서, 머신러닝 모델이 멜 스펙트로그램을 입력으로 받는다면, 같은 방식으로 계산하고 있는지 다시 한번 확인하시길 바랍니다.')},m(x,M){s(x,u,M)},d(x){x&&l(u)}}}function os(Lt){let u,x,M,It,y,Ut,J,Xt,h,Oe=`본질적으로 음파(sound wave)는 연속적인 신호입니다. 이는 어떤 주어진 시간에 대해 무한개의 신호 값을 가진다는 뜻입니다.
그런데 디지털 기기들은 유한개의 값들을 요구하기에 문제가 됩니다. 이런 디지털 기기에서의 처리, 저장, 전송을 위해 연속적인 음파들은 일련의 이산적인(discrete) 값, 즉 디지털 표현(digital representation)으로 변환되어야 합니다.`,Pt,H,tl="어떤 오디오 데이터셋에서건 텍스트 나레이션이나 음악같은 디지털 음향 파일들을 볼 수 있습니다. 이는 <code>.wav</code> (Waveform Audio File), <code>.flac</code> (Free Lossless Audio Codec), 그리고 <code>.mp3</code> (MPEG-1 Audio Layer 3)같이 다양한 포맷으로 접할 수 있습니다. 이 포맷들은 주로 오디오 신호의 디지털 표현을 압축하는 방식에서 차이가 있습니다.",St,j,el="연속적인 신호로부터 이러한 표현을 얻는 방법에 대해 알아봅시다. 아날로그 신호는 먼저 마이크에 의해 포착되어 음파에서 전기 신호로 변환됩니다. 이 전기 신호는 아날로그-디지털 컨버터(Analog-to-Dogital Converter)를 거치며 샘플링(sampling)을 통해 디지털 표현으로 디지털화됩니다.",Et,G,Wt,B,ll="샘플링이란 연속적인 신호를 고정된 시간 간격으로 측정하는 과정입니다. 샘플링된 파형(waveform)은 균일한 간격으로 유한개의 신호 값을 가지므로 이산적입니다.",Yt,v,sl='<img src="https://huggingface.co/datasets/huggingface-course/audio-course-images/resolve/main/Signal_Sampling.png" alt="Signal sampling illustration"/>',qt,k,nl='<em>Illustration from Wikipedia article: <a href="https://en.wikipedia.org/wiki/Sampling_(signal_processing)" rel="nofollow">Sampling (signal processing)</a></em>',Rt,Z,il="<strong>샘플링 속도</strong> (샘플링 주파수(sampling frequency)라고도 합니다)는 1초동안 수집된 샘플의 수로, 헤르츠(Hz)단위로 측정됩니다. 예를 들어 CD 품질의 오디오는 44,100 Hz의 샘플링 속도를 가지며 이는 초당 44,100번의 샘플이 수집된다는 뜻입니다. 고해상도 오디오는 192,000 Hz(혹은 192 kHz)의 샘플링 속도를 가집니다. 음성 모델 학습에 주로 쓰이는 샘플링 속도는 16,000 Hz(혹은 16 kHz)입니다.",Vt,L,pl="샘플링 속도의 선택은 신호에서 얼마나 큰 주파수까지 캡처할 수 있는지를 결정하는데 큰 역할을 합니다. 신호에서 캡처가능한 최고 주파수의 한계는 샘플링 속도의 정확히 절반이며 이를 나이퀴스트 한계(Nyquist limit)라고 합니다. 예를 들면 사람의 음성에서 들을 수 있는 주파수는 8 kHz 미만이므로 16 kHz로 음성을 샘플링한다면 충분할 것입니다. 더 높은 샘플링 속도를 사용하여도 얻을 수 있는 추가 정보는 없을것이며 오히려 파일 처리에 대한 계산 비용만 증가시키게 됩니다. 반면, 너무 낮은 샘플링 속도는 정보의 손실로 이어집니다. 8 kHz로 샘플링된 음성은 높은 주파수들을 캡처할 수 없기때문에 흐릿하게 들릴것입니다.",Dt,F,al=`오디오 작업을 할 때는 데이터셋에 있는 모든 오디오 예제가 동일한 샘플링 속도를 가지고 있는지 확인하는것이 중요합니다.
여러분의 커스텀 데이터로 사전 학습된 모델을 파인튜닝할 계획이라면 모델이 사전 학습된 데이터의 샘플링 속도와 여러분의 데이터의 샘플링 속도가 일치해야 합니다. 샘플링 속도는 샘플간의 시간 간격을 결정하며 오디오 데이터의 시간 해상도(time interval)에 영향을 주기 때문입니다. 예를 들어, 16,000 Hz의 샘플링 속도를 가진 5초 길이의 소리는 80,000개의 값으로 표현되지만, 동일한 5초 길이의 소리여도 8,000 Hz의 샘플링 속도를 가진다면 40,000개의 값으로 표현됩니다.
오디오 작업을 처리하는 트랜스포머 모델은 시퀀스를 취급하며 어텐션 메커니즘을 이용해 오디오 또는 멀티모달 표현을 학습합니다. 서로 다른 샘플링 속도를 갖는 오디오 데이터는 다른 시퀀스가 되므로 모델이 샘플링 속도간 일반화를 하기 어렵습니다.
<strong>리샘플링</strong>은 이런 서로 다른 샘플링 속도를 일치시켜주는 작업으로, 오디오 데이터 <a href="preprocessing#resampling-the-audio-data">전처리</a> 과정 중 하나입니다.`,Qt,z,Nt,I,ml="샘플링 속도는 샘플을 얼마나 자주 뽑는지 알려줍니다. 그런데 이 샘플의 값은 정확히 어떤걸 뜻할까요?",Kt,U,ul=`소리는 사람이 들을 수 있는 주파수에서 기압의 변화로 만들어집니다. 소리의 <strong>진폭</strong>이란 특정 순간의 소리의 압력 수준을 나타내며 데시벨(dB)로 측정됩니다. 즉, 진폭은 소리의 세기를 뜻합니다.
예를 들어, 일반적인 말소리는 60 dB 미만입니다. 락 콘서트 같은 경우 약 125 dB로 사람의 청각적 한계를 뛰어넘을 수 있습니다.`,At,X,fl="디지털 오디오에서, 각 오디오 샘플은 특정 시점의 오디오 파동의 진폭을 기록합니다. 샘플의 <strong>비트뎁스</strong>는 이 진폭 값을 얼마나 정밀하게 기록할지를 정합니다. 비트뎁스가 높을수록 디지털 표현이 원래의 연속 음파에 더 가까워 집니다.",Ot,P,rl=`가장 일반적인 오디오 비트뎁스는 16비트와 24비트입니다. 이는 이진 용어(binary term)로, 진폭값을 연속값에서 이산값으로 변환할때 양자화(quantized)할 수 있는 수를 나타냅니다. 16비트 오디오의 경우 65,356개, 24비트 오디오의 경우 16,777,216개에 달합니다. 양자화는 연속값을 이산값으로 바꾸는 과정에서 반올림이 일어나므로 샘플링 과정은 노이즈가 발생합니다. 비트뎁스가 높을수록, 이런 양자화 노이즈는 작아집니다.
실무적으론 16비트 정도만 돼도 양자화 노이즈가 이미 들리지 않을 정도로 작아 이를 위해 굳이 더 높은 비트뎁스를 사용할 필요는 없습니다.`,te,S,ol=`여러분은 32비트 오디오를 접할 수도 있습니다. 이는 값을 소수로 저장하기 위함으로, 16비트나 24비트 오디오는 값을 정수로 저장하는 반면 32비트는 샘플을 부동소수점 값으로 저장합니다. 32비트 부동 소수점 값의 정밀도는 24비트이므로 24비트 오디오와 같은 비트뎁스를 가지게 됩니다.
부동 소수점 오디오 샘플은 [-1.0, 1.0] 범위의 값을 가집니다. 머신 러닝 모델은 기본적으로 부동 소수점 데이터에서 작동하므로 학습 전 먼저 오디오를 부동 소수점 형식으로 변환해야 합니다. 이는 다음 <a href="preprocessing">전처리</a> 섹션에서 살펴보겠습니다.`,ee,E,dl=`연속적인 오디오 신호와 마찬가지로 디지털 오디오의 진폭 역시 일반적으로 데시벨(dB)로 표시됩니다. 인간의 청각은 기본적으로 로그함수를 따르므로(우리 귀는 큰 소리보다 조용한 소리의 작은 변동에 더 민감합니다) 진폭이 데시벨(마찬가지로 로그함수를 따릅니다)로 표시되면 소리의 크기를 해석하기 쉽습니다.
실생활에서 쓰이는 오디오 데시벨 단위는 사람이 들을 수 있는 가장 조용한 소리인 0 dB에서 시작하여 소리가 커질수록 값도 커집니다. 그러나 디지털 오디오 신호의 경우, 0 dB이 가장 큰 진폭이며 다른 모든 진폭은 음수값을 가집니다(디지털에서의 데시벨 단위는 dBFS, 실생활에서 주로 쓰이는 데시벨은 dBSPL로 서로 다릅니다). 간단한 규칙으로 -6 dB마다 진폭이 절반으로 줄어들고 -60 dB 미만은 일반적으로 볼륨을 크게 높이지 않는 한 들을 수 없다고 보시면 됩니다.`,le,W,se,Y,cl="여러분은 아마 소리가 <strong>파형</strong>으로 시각화된것을 본 적이 있으실 겁니다. 이는 시간에 따른 샘플 값들을 그래프로 표현하여 소리의 진폭 변화를 보여줍니다. 이를 소리의 <em>시간 영역(time domain)</em> 표현이라고도 합니다.",ne,q,Tl="이러한 유형의 사각화는 특정 사운드 이벤트가 언제 발생했는지, 전체적인 음량은 어떤지, 오디오에 어떤 노이즈나 불규칙성이 있는지 등 오디오 신호의 특징을 식별하는데 유용합니다.",ie,R,xl="오디오 신호의 파형을 그리기 위해 파이썬 라이브러리 <code>librosa</code>를 이용할 수 있습니다:",pe,V,ae,D,Ml="라이브러리에서 제공하는 “트럼펫” 소리를 예로 들어 보겠습니다:",me,Q,ue,N,vl=`이 예제는 오디오 시계열(<code>array</code>)과 샘플링 속도(<code>sampling_rate</code>) 튜플을 불러옵니다.
이 사운드의 파형을 <code>librosa</code>의 <code>waveshow()</code> 함수를 통해 살펴보겠습니다:`,fe,K,re,b,bl='<img src="https://huggingface.co/datasets/huggingface-course/audio-course-images/resolve/main/waveform_plot.png" alt="Waveform plot"/>',oe,A,$l="이 그래프의 X축은 시간을, Y축은 진폭을 나타냅니다. 각 점은 이 소리를 샘플링할때 취한 값에 해당합니다. <code>librosa</code>가 이미 오디오를 부동소수점 값으로 변환했으며 진폭값이 [-1.0, 1.0] 범위내에 있다는 점을 유의하세요.",de,O,Cl=`이런 시각화는 오디오를 듣는것과 더불어 작업할 데이터를 이해하는데 유용한 도구가 될 수 있습니다.
이를 통해 신호의 모양, 패턴 관찰, 노이즈나 왜곡을 발견할 수 있습니다. 만약 정규화(normalization), 리샘플링, 필터링 등의 방법을 통해 데이터 전처리를 했다면, 이런 전처리가 제대로 되었는지 시각적으로 확인할 수도 있습니다.
또한 모델의 학습이 완료된 후에 어디서 오류가 발생했는지 디버깅하기위해 샘플을 시각화할 수도 있습니다(예를 들어, 오디오 분류 작업 문제 등에서).`,ce,tt,Te,et,wl=`오디오 데이터를 시각화하는 또 다른 방법은 오디오 신호의 <strong>주파수 스펙트럼</strong>을 그리는 것입니다. 이는 <em>주파수 영역(frequency domain)</em> 표현이라고도 합니다.
스펙트럼은 이산 푸리에 변환(DFT)을 사용하여 계산할 수 있습니다. 이를 통해 신호를 구성하고 있는 각각의 주파수들과 그 세기를 알 수 있습니다.`,xe,lt,_l="<code>numpy</code>의 <code>rfft()</code> 함수를 쓰면 DFT를 계산할 수 있습니다. 이를 아까의 트럼펫 소리에 적용시켜 주파수 스펙트럼을 그려봅시다. 전체 소리의 스펙트럼을 그릴 수도 있지만, 그보다는 작은 영역에 집중하는것이 더 낫습니다. 여기서는 첫 4096개의 샘플에 적용시켜보겠습니다. 이는 대략적으로 연주의 첫 음표의 길이에 해당합니다:",Me,st,ve,$,gl='<img src="https://huggingface.co/datasets/huggingface-course/audio-course-images/resolve/main/spectrum_plot.png" alt="Spectrum plot"/>',be,nt,yl="이 그래프는 이 오디오 구간에 존재하는 다양한 주파수의 세기를 보여줍니다. 보통 X축에 로그스케일로 주파수를, Y축엔 진폭을 표시합니다.",$e,it,Jl="이 주파수 스펙트럼 그래프는 여러개의 피크를 보여주는데, 이 피크들은 연주중인 음표의 고조파(harmonic)에 해당하며 더 높은 고조파는 더 작은 소리를 나타냅니다. 첫번째 피크가 약 620 Hz에 있으므로 이 스펙트럼은 E♭ 음표의 주파수 스펙트럼인것을 알 수 있습니다.",Ce,pt,hl="DFT의 결과값은 복소수 배열입니다. <code>np.abs(dft)</code>로 그 크기를 구하면 스펙트로그램의 진폭 정보를 알 수 있습니다. 실수부와 허수부 사이의 각도는 위상 스펙트럼(phase spectrum)을 나타내지만, 머신러닝에선 쓰이지 않는 경우가 종종 있습니다.",we,at,Hl="<code>librosa.amplitude_to_db()</code>는 진폭값을 데시벨 스케일로 변환합니다. 이로 인해 스펙트럼의 더욱 세밀한 부분까지 쉽게 확인이 가능합니다. 때때로는 <strong>파워 스펙트럼(power spectrum)</strong>을 쓸 때도 있습니다. 진폭보다 에너지를 측정하기 위해 쓰는데, 이는 단지 진폭에 제곱을 취한 값으로 나타낸 스펙트럼입니다.",_e,C,ge,mt,jl="오디오 신호의 파형과 주파수 스펙트럼은 동일한 정보를 지닙니다. 단지 같은 데이터(여기서는 트럼펫 소리의 첫 4096개의 샘플)를 바라보는 두 가지 방법일 뿐입니다. 파형은 시간에 따른 오디오 신호의 진폭을 표시하며, 스펙트럼은 고정된 시점의 개별 주파수들의 진폭을 시각화합니다.",ye,ut,Je,ft,Gl=`오디오 신호에서 주파수가 어떻게 변화하는지 보려면 무엇을 해야 할까요? 트럼펫 소리는 여러 음으로 구성돼있어서 여러 다른 주파수들로 이뤄져있습니다. 스펙트럼의 문제는 주어진 한 순간만의 주파수들을 보여준다는 것입니다.
이에 대한 해결법은 시간을 작은 구간들로 나누어 DFT를 적용하고, 그 결과인 스펙트럼들을 쌓아 <strong>스펙트로그램</strong>을 만드는 것입니다.`,he,rt,Bl="스펙트로그램은 오디오 신호의 주파수를 시간에 따라 변화하는 형태로 그립니다. 이를 통해 시간, 주파수, 진폭을 그래프에서 한눈에 볼 수 있습니다. 이 계산을 수행하는 알고리즘을 STFT(Short Time Fourier Transform)라 합니다.",He,ot,kl="스펙트로그램은 오디오를 다루는데 가장 유용한 툴 중 하나입니다. 예를 들어, 음악 녹음 작업을 다룰 때 다양한 악기와 보컬 트랙이 어떻게 전체 사운드에 기여하는지 볼 수 있습니다. 음성 작업의 경우, 모음을 발음할 때 각각의 모음들은 고유 주파수가 있기 때문에 서로 다른 모음인것을 식별할 수 있습니다.",je,dt,Zl="<code>librosa</code>의 <code>stft()</code>와 <code>specshow()</code> 함수를 이용해 트럼펫 소리의 스펙트로그램을 그려보겠습니다:",Ge,ct,Be,w,Ll='<img src="https://huggingface.co/datasets/huggingface-course/audio-course-images/resolve/main/spectrogram_plot.png" alt="Spectrogram plot"/>',ke,Tt,Fl=`이 그래프에서 X축은 (파형 그래프처럼)시간을 나타내며 Y축은 주파수를 Hz 단위로 나타냅니다.
색상의 강도는 각 시점의 주파수 성분의 진폭 또는 파워를 데시벨(dB)로 측정하여 나타냅니다.`,Ze,xt,zl=`스펙트로그램은 일반적으로 오디오 신호의 몇 밀리초 정도 되는 짧은 구간에 DFT를 적용하여 주파수 스펙트럼들을 얻어 만들어집니다. 이 스펙트럼들을 시간축으로 쌓은것이 스펙트로그램이기 때문입니다.
이 이미지에서 각각의 수직 조각들은 (아까 위에서 본)주파수 스펙트럼에 해당합니다. 기본적으로, <code>librosa.stft()</code>는 오디오 신호를 2048개의 샘플로 나눕니다. 주파수 해상도(frequency resolution)와 시간 해상도(time resolution) 사이의 적절한 절충(trade-off)이기 때문입니다.`,Le,Mt,Il=`스펙트로그램과 파형은 같은 데이터를 다른 방식으로 볼 뿐이므로, 스펙트로그램을 다시 원래의 파형으로 돌리는 역 STFT(inverse STFT)가 가능합니다. 그러나, 이를 위해선 진폭 정보뿐만 아니라 위상(phase) 정보 또한 필요한데, 스펙트로그램이 머신러닝 툴에 의해 생성됐다면 대부분 단순히 진폭만 출력하게 됩니다.
이런 경우, 위상 재구성 알고리즘(phase reconstruction algorithm)인 vocoder라는 신경망이나 고전적인 Griffin-Lim 알고리즘을 사용하여 스펙트로그램에서 파형을 재구성할 수 있습니다.`,Fe,vt,Ul="스펙트로그램은 단순히 시각화를 위해서만 사용되는게 아닙니다. 많은 머신러닝 모델들은 (파형과는 다르게)스펙트로그램 그 자체를 입력으로 받고 출력 또한 스펙트로그램으로 내는 경우도 있습니다.",ze,bt,Xl="이제 스펙트로그램이 무엇이고 어떻게 만들어지는지 알았으니, 음성 작업에 사용되는 이 스펙트로그램의 변형에 대해 알아봅시다: 멜 스펙트로그램(mel spectrogram)입니다.",Ie,$t,Ue,Ct,Pl=`멜 스펙트로그램은 스펙트로그램의 한 종류로 음성 작업이나 머신러닝 작업에 주로 쓰입니다.
오디오 신호를 시간에 따른 주파수로 보여준다는 점에서 스펙트로그램과 비슷하지만, 다른 주파수 축을 사용합니다.`,Xe,wt,Sl="표준적인 스펙트로그램에선 주파수 축이 선형(linear)이며 헤르츠(Hz)단위로 측정됩니다. 그러나, 사람의 청각 시스템은 고주파보다 저주파에 더 민감하며, 이 민감성은 주파수가 증가함에 따라 로그함수적으로 감소합니다. 멜 스케일(mel scale)은 이런 사람의 비선형 주파수 반응을 근사한(approximate) 지각 스케일(perceptual scale)입니다.",Pe,_t,El="멜 스펙트로그램을 만드려면 전처럼 STFT를 사용하고 오디오를 여러 짧은 구간으로 나눠 일련의 주파수 스펙트럼들을 얻어야 합니다. 그 후 추가적으로, 각 스펙트럼에 mel filterbank라고 불리는 필터들을 적용시켜 주파수를 멜 스케일로 변환합니다.",Se,gt,Wl="이 모든 단계를 대신 해주는 <code>librosa</code>의 <code>melspectrogram()</code> 함수를 이용하여 멜 스펙트로그램을 그려봅시다:",Ee,yt,We,_,Yl='<img src="https://huggingface.co/datasets/huggingface-course/audio-course-images/resolve/main/mel-spectrogram.png" alt="Mel spectrogram plot"/>',Ye,Jt,ql="위의 예에서, <code>n_mels</code>는 mel band의 수를 정합니다. mel band는 필터를 이용해 스펙트럼을 지각적으로 의미있는 요소로 나누는 주파수 범위의 집합을 정의합니다. 이 필터들의 모양(shape)과 간격(spacing)은 사람의 귀가 다양한 주파수에 반응하는 방식을 모방하도록 선택됩니다. 흔히 <code>n_mels</code>의 값으로 40 또는 80이 선택됩니다. <code>fmax</code>는 우리가 관심을 가지는 최고 주파수(Hz 단위)를 나타냅니다.",qe,ht,Rl="일반적인 스펙트로그램과 마찬가지로 멜 스펙트로그램의 주파수 성분 역시 세기를 데시벨로 표현하는 것이 일반적입니다. 데시벨로의 변환이 로그 연산을 포함하기 때문에 이를 흔히 <strong>로그-멜 스펙트로그램(log-mel spectrogram)</strong>이라 합니다. 위 예제에선 <code>librosa.power_to_db()</code>를 썻는데, 이는 <code>librosa.feature.melspectrogram()</code>는 파워 스펙트로그램(power spectrogram)을 만들기 때문입니다.",Re,g,Ve,Ht,Vl="멜 스펙트로그램은 신호를 필터링하여 만들기 때문에 정보의 손실이 일어납니다. 따라서 멜 스펙트로그램을 다시 원래의 파형으로 바꾸는 것은 일반적인 스펙트로그램을 다시 되돌리는것보다 힘든 일입니다. 버려진 주파수를 어떻게든 추정해야 하기 때문이죠. 멜 스펙트로그램을 다시 원래의 파형으로 되돌리기 위해 HiFiGAN vocoder같은 머신러닝 모델이 필요한 이유이기도 합니다.",De,jt,Dl="기본적인 스펙트럼과 비교하여, 멜 스펙트로그램은 인간의 지각에 더 의미 있는 오디오 신호의 특성을 포착할 수 있어 음성 인식, 화자 식별, 음악 장르 분류 같은 작업에서 널리 사용됩니다.",Qe,Gt,Ql="이제 오디오 데이터의 시각화 방법을 알았으니 여러분이 좋아하는 소리가 어떻게 보이는지 한번 확인해보세요. :)",Ne,Bt,Ke,zt,Ae;return y=new ms({props:{containerStyle:"float: right; margin-left: 10px; display: inline-flex; position: relative; z-index: 10;"}}),J=new Zt({props:{title:"오디오 데이터에 대하여",local:"introduction-to-audio-data",headingTag:"h1"}}),G=new Zt({props:{title:"샘플링과 샘플링 속도(sampling rate)",local:"sampling-and-sampling-rate",headingTag:"h2"}}),z=new Zt({props:{title:"진폭(amplitude)과 비트뎁스(bit depth)",local:"amplitude-and-bit-depth",headingTag:"h2"}}),W=new Zt({props:{title:"파형(waveform)으로써의 오디오",local:"audio-as-a-waveform",headingTag:"h2"}}),V=new Ft({props:{code:"cGlwJTIwaW5zdGFsbCUyMGxpYnJvc2E=",highlighted:"pip install librosa",wrap:!1}}),Q=new Ft({props:{code:"aW1wb3J0JTIwbGlicm9zYSUwQSUwQWFycmF5JTJDJTIwc2FtcGxpbmdfcmF0ZSUyMCUzRCUyMGxpYnJvc2EubG9hZChsaWJyb3NhLmV4KCUyMnRydW1wZXQlMjIpKQ==",highlighted:`<span class="hljs-keyword">import</span> librosa

array, sampling_rate = librosa.load(librosa.ex(<span class="hljs-string">&quot;trumpet&quot;</span>))`,wrap:!1}}),K=new Ft({props:{code:"aW1wb3J0JTIwbWF0cGxvdGxpYi5weXBsb3QlMjBhcyUyMHBsdCUwQWltcG9ydCUyMGxpYnJvc2EuZGlzcGxheSUwQSUwQXBsdC5maWd1cmUoKS5zZXRfZmlnd2lkdGgoMTIpJTBBbGlicm9zYS5kaXNwbGF5LndhdmVzaG93KGFycmF5JTJDJTIwc3IlM0RzYW1wbGluZ19yYXRlKQ==",highlighted:`<span class="hljs-keyword">import</span> matplotlib.pyplot <span class="hljs-keyword">as</span> plt
<span class="hljs-keyword">import</span> librosa.display

plt.figure().set_figwidth(<span class="hljs-number">12</span>)
librosa.display.waveshow(array, sr=sampling_rate)`,wrap:!1}}),tt=new Zt({props:{title:"주파수 스펙트럼(frequency spectrum)",local:"the-frequency-spectrum",headingTag:"h2"}}),st=new Ft({props:{code:"aW1wb3J0JTIwbnVtcHklMjBhcyUyMG5wJTBBJTBBZGZ0X2lucHV0JTIwJTNEJTIwYXJyYXklNUIlM0E0MDk2JTVEJTBBJTBBJTIzJTIwY2FsY3VsYXRlJTIwdGhlJTIwREZUJTBBd2luZG93JTIwJTNEJTIwbnAuaGFubmluZyhsZW4oZGZ0X2lucHV0KSklMEF3aW5kb3dlZF9pbnB1dCUyMCUzRCUyMGRmdF9pbnB1dCUyMColMjB3aW5kb3clMEFkZnQlMjAlM0QlMjBucC5mZnQucmZmdCh3aW5kb3dlZF9pbnB1dCklMEElMEElMjMlMjBnZXQlMjB0aGUlMjBhbXBsaXR1ZGUlMjBzcGVjdHJ1bSUyMGluJTIwZGVjaWJlbHMlMEFhbXBsaXR1ZGUlMjAlM0QlMjBucC5hYnMoZGZ0KSUwQWFtcGxpdHVkZV9kYiUyMCUzRCUyMGxpYnJvc2EuYW1wbGl0dWRlX3RvX2RiKGFtcGxpdHVkZSUyQyUyMHJlZiUzRG5wLm1heCklMEElMEElMjMlMjBnZXQlMjB0aGUlMjBmcmVxdWVuY3klMjBiaW5zJTBBZnJlcXVlbmN5JTIwJTNEJTIwbGlicm9zYS5mZnRfZnJlcXVlbmNpZXMoc3IlM0RzYW1wbGluZ19yYXRlJTJDJTIwbl9mZnQlM0RsZW4oZGZ0X2lucHV0KSklMEElMEFwbHQuZmlndXJlKCkuc2V0X2ZpZ3dpZHRoKDEyKSUwQXBsdC5wbG90KGZyZXF1ZW5jeSUyQyUyMGFtcGxpdHVkZV9kYiklMEFwbHQueGxhYmVsKCUyMkZyZXF1ZW5jeSUyMChIeiklMjIpJTBBcGx0LnlsYWJlbCglMjJBbXBsaXR1ZGUlMjAoZEIpJTIyKSUwQXBsdC54c2NhbGUoJTIybG9nJTIyKQ==",highlighted:`<span class="hljs-keyword">import</span> numpy <span class="hljs-keyword">as</span> np

dft_input = array[:<span class="hljs-number">4096</span>]

<span class="hljs-comment"># calculate the DFT</span>
window = np.hanning(<span class="hljs-built_in">len</span>(dft_input))
windowed_input = dft_input * window
dft = np.fft.rfft(windowed_input)

<span class="hljs-comment"># get the amplitude spectrum in decibels</span>
amplitude = np.<span class="hljs-built_in">abs</span>(dft)
amplitude_db = librosa.amplitude_to_db(amplitude, ref=np.<span class="hljs-built_in">max</span>)

<span class="hljs-comment"># get the frequency bins</span>
frequency = librosa.fft_frequencies(sr=sampling_rate, n_fft=<span class="hljs-built_in">len</span>(dft_input))

plt.figure().set_figwidth(<span class="hljs-number">12</span>)
plt.plot(frequency, amplitude_db)
plt.xlabel(<span class="hljs-string">&quot;Frequency (Hz)&quot;</span>)
plt.ylabel(<span class="hljs-string">&quot;Amplitude (dB)&quot;</span>)
plt.xscale(<span class="hljs-string">&quot;log&quot;</span>)`,wrap:!1}}),C=new Ol({props:{$$slots:{default:[fs]},$$scope:{ctx:Lt}}}),ut=new Zt({props:{title:"스펙트로그램(spectrogram)",local:"spectrogram",headingTag:"h2"}}),ct=new Ft({props:{code:"aW1wb3J0JTIwbnVtcHklMjBhcyUyMG5wJTBBJTBBRCUyMCUzRCUyMGxpYnJvc2Euc3RmdChhcnJheSklMEFTX2RiJTIwJTNEJTIwbGlicm9zYS5hbXBsaXR1ZGVfdG9fZGIobnAuYWJzKEQpJTJDJTIwcmVmJTNEbnAubWF4KSUwQSUwQXBsdC5maWd1cmUoKS5zZXRfZmlnd2lkdGgoMTIpJTBBbGlicm9zYS5kaXNwbGF5LnNwZWNzaG93KFNfZGIlMkMlMjB4X2F4aXMlM0QlMjJ0aW1lJTIyJTJDJTIweV9heGlzJTNEJTIyaHolMjIpJTBBcGx0LmNvbG9yYmFyKCk=",highlighted:`<span class="hljs-keyword">import</span> numpy <span class="hljs-keyword">as</span> np

D = librosa.stft(array)
S_db = librosa.amplitude_to_db(np.<span class="hljs-built_in">abs</span>(D), ref=np.<span class="hljs-built_in">max</span>)

plt.figure().set_figwidth(<span class="hljs-number">12</span>)
librosa.display.specshow(S_db, x_axis=<span class="hljs-string">&quot;time&quot;</span>, y_axis=<span class="hljs-string">&quot;hz&quot;</span>)
plt.colorbar()`,wrap:!1}}),$t=new Zt({props:{title:"멜 스펙트로그램",local:"mel-spectrogram",headingTag:"h2"}}),yt=new Ft({props:{code:"UyUyMCUzRCUyMGxpYnJvc2EuZmVhdHVyZS5tZWxzcGVjdHJvZ3JhbSh5JTNEYXJyYXklMkMlMjBzciUzRHNhbXBsaW5nX3JhdGUlMkMlMjBuX21lbHMlM0QxMjglMkMlMjBmbWF4JTNEODAwMCklMEFTX2RCJTIwJTNEJTIwbGlicm9zYS5wb3dlcl90b19kYihTJTJDJTIwcmVmJTNEbnAubWF4KSUwQSUwQXBsdC5maWd1cmUoKS5zZXRfZmlnd2lkdGgoMTIpJTBBbGlicm9zYS5kaXNwbGF5LnNwZWNzaG93KFNfZEIlMkMlMjB4X2F4aXMlM0QlMjJ0aW1lJTIyJTJDJTIweV9heGlzJTNEJTIybWVsJTIyJTJDJTIwc3IlM0RzYW1wbGluZ19yYXRlJTJDJTIwZm1heCUzRDgwMDApJTBBcGx0LmNvbG9yYmFyKCk=",highlighted:`S = librosa.feature.melspectrogram(y=array, sr=sampling_rate, n_mels=<span class="hljs-number">128</span>, fmax=<span class="hljs-number">8000</span>)
S_dB = librosa.power_to_db(S, ref=np.<span class="hljs-built_in">max</span>)

plt.figure().set_figwidth(<span class="hljs-number">12</span>)
librosa.display.specshow(S_dB, x_axis=<span class="hljs-string">&quot;time&quot;</span>, y_axis=<span class="hljs-string">&quot;mel&quot;</span>, sr=sampling_rate, fmax=<span class="hljs-number">8000</span>)
plt.colorbar()`,wrap:!1}}),g=new Ol({props:{$$slots:{default:[rs]},$$scope:{ctx:Lt}}}),Bt=new us({props:{source:"https://github.com/huggingface/audio-transformers-course/blob/main/chapters/ko/chapter1/audio_data.mdx"}}),{c(){u=p("meta"),x=n(),M=p("p"),It=n(),f(y.$$.fragment),Ut=n(),f(J.$$.fragment),Xt=n(),h=p("p"),h.textContent=Oe,Pt=n(),H=p("p"),H.innerHTML=tl,St=n(),j=p("p"),j.textContent=el,Et=n(),f(G.$$.fragment),Wt=n(),B=p("p"),B.textContent=ll,Yt=n(),v=p("div"),v.innerHTML=sl,qt=n(),k=p("p"),k.innerHTML=nl,Rt=n(),Z=p("p"),Z.innerHTML=il,Vt=n(),L=p("p"),L.textContent=pl,Dt=n(),F=p("p"),F.innerHTML=al,Qt=n(),f(z.$$.fragment),Nt=n(),I=p("p"),I.textContent=ml,Kt=n(),U=p("p"),U.innerHTML=ul,At=n(),X=p("p"),X.innerHTML=fl,Ot=n(),P=p("p"),P.textContent=rl,te=n(),S=p("p"),S.innerHTML=ol,ee=n(),E=p("p"),E.textContent=dl,le=n(),f(W.$$.fragment),se=n(),Y=p("p"),Y.innerHTML=cl,ne=n(),q=p("p"),q.textContent=Tl,ie=n(),R=p("p"),R.innerHTML=xl,pe=n(),f(V.$$.fragment),ae=n(),D=p("p"),D.textContent=Ml,me=n(),f(Q.$$.fragment),ue=n(),N=p("p"),N.innerHTML=vl,fe=n(),f(K.$$.fragment),re=n(),b=p("div"),b.innerHTML=bl,oe=n(),A=p("p"),A.innerHTML=$l,de=n(),O=p("p"),O.textContent=Cl,ce=n(),f(tt.$$.fragment),Te=n(),et=p("p"),et.innerHTML=wl,xe=n(),lt=p("p"),lt.innerHTML=_l,Me=n(),f(st.$$.fragment),ve=n(),$=p("div"),$.innerHTML=gl,be=n(),nt=p("p"),nt.textContent=yl,$e=n(),it=p("p"),it.textContent=Jl,Ce=n(),pt=p("p"),pt.innerHTML=hl,we=n(),at=p("p"),at.innerHTML=Hl,_e=n(),f(C.$$.fragment),ge=n(),mt=p("p"),mt.textContent=jl,ye=n(),f(ut.$$.fragment),Je=n(),ft=p("p"),ft.innerHTML=Gl,he=n(),rt=p("p"),rt.textContent=Bl,He=n(),ot=p("p"),ot.textContent=kl,je=n(),dt=p("p"),dt.innerHTML=Zl,Ge=n(),f(ct.$$.fragment),Be=n(),w=p("div"),w.innerHTML=Ll,ke=n(),Tt=p("p"),Tt.textContent=Fl,Ze=n(),xt=p("p"),xt.innerHTML=zl,Le=n(),Mt=p("p"),Mt.textContent=Il,Fe=n(),vt=p("p"),vt.textContent=Ul,ze=n(),bt=p("p"),bt.textContent=Xl,Ie=n(),f($t.$$.fragment),Ue=n(),Ct=p("p"),Ct.textContent=Pl,Xe=n(),wt=p("p"),wt.textContent=Sl,Pe=n(),_t=p("p"),_t.textContent=El,Se=n(),gt=p("p"),gt.innerHTML=Wl,Ee=n(),f(yt.$$.fragment),We=n(),_=p("div"),_.innerHTML=Yl,Ye=n(),Jt=p("p"),Jt.innerHTML=ql,qe=n(),ht=p("p"),ht.innerHTML=Rl,Re=n(),f(g.$$.fragment),Ve=n(),Ht=p("p"),Ht.textContent=Vl,De=n(),jt=p("p"),jt.textContent=Dl,Qe=n(),Gt=p("p"),Gt.textContent=Ql,Ne=n(),f(Bt.$$.fragment),Ke=n(),zt=p("p"),this.h()},l(t){const e=ps("svelte-u9bgzb",document.head);u=a(e,"META",{name:!0,content:!0}),e.forEach(l),x=i(t),M=a(t,"P",{}),Al(M).forEach(l),It=i(t),r(y.$$.fragment,t),Ut=i(t),r(J.$$.fragment,t),Xt=i(t),h=a(t,"P",{"data-svelte-h":!0}),m(h)!=="svelte-shdpz9"&&(h.textContent=Oe),Pt=i(t),H=a(t,"P",{"data-svelte-h":!0}),m(H)!=="svelte-rij5qj"&&(H.innerHTML=tl),St=i(t),j=a(t,"P",{"data-svelte-h":!0}),m(j)!=="svelte-17nrg3a"&&(j.textContent=el),Et=i(t),r(G.$$.fragment,t),Wt=i(t),B=a(t,"P",{"data-svelte-h":!0}),m(B)!=="svelte-tdbxss"&&(B.textContent=ll),Yt=i(t),v=a(t,"DIV",{class:!0,"data-svelte-h":!0}),m(v)!=="svelte-1g809yq"&&(v.innerHTML=sl),qt=i(t),k=a(t,"P",{"data-svelte-h":!0}),m(k)!=="svelte-42toji"&&(k.innerHTML=nl),Rt=i(t),Z=a(t,"P",{"data-svelte-h":!0}),m(Z)!=="svelte-99qh8k"&&(Z.innerHTML=il),Vt=i(t),L=a(t,"P",{"data-svelte-h":!0}),m(L)!=="svelte-1dzgjqu"&&(L.textContent=pl),Dt=i(t),F=a(t,"P",{"data-svelte-h":!0}),m(F)!=="svelte-1clhqz9"&&(F.innerHTML=al),Qt=i(t),r(z.$$.fragment,t),Nt=i(t),I=a(t,"P",{"data-svelte-h":!0}),m(I)!=="svelte-1lzpg3u"&&(I.textContent=ml),Kt=i(t),U=a(t,"P",{"data-svelte-h":!0}),m(U)!=="svelte-kcurpe"&&(U.innerHTML=ul),At=i(t),X=a(t,"P",{"data-svelte-h":!0}),m(X)!=="svelte-zpbfu8"&&(X.innerHTML=fl),Ot=i(t),P=a(t,"P",{"data-svelte-h":!0}),m(P)!=="svelte-ug30rs"&&(P.textContent=rl),te=i(t),S=a(t,"P",{"data-svelte-h":!0}),m(S)!=="svelte-fvck6i"&&(S.innerHTML=ol),ee=i(t),E=a(t,"P",{"data-svelte-h":!0}),m(E)!=="svelte-1h0dpkl"&&(E.textContent=dl),le=i(t),r(W.$$.fragment,t),se=i(t),Y=a(t,"P",{"data-svelte-h":!0}),m(Y)!=="svelte-12bvnp0"&&(Y.innerHTML=cl),ne=i(t),q=a(t,"P",{"data-svelte-h":!0}),m(q)!=="svelte-s036ib"&&(q.textContent=Tl),ie=i(t),R=a(t,"P",{"data-svelte-h":!0}),m(R)!=="svelte-1bl5g68"&&(R.innerHTML=xl),pe=i(t),r(V.$$.fragment,t),ae=i(t),D=a(t,"P",{"data-svelte-h":!0}),m(D)!=="svelte-1k83bm6"&&(D.textContent=Ml),me=i(t),r(Q.$$.fragment,t),ue=i(t),N=a(t,"P",{"data-svelte-h":!0}),m(N)!=="svelte-rt72dm"&&(N.innerHTML=vl),fe=i(t),r(K.$$.fragment,t),re=i(t),b=a(t,"DIV",{class:!0,"data-svelte-h":!0}),m(b)!=="svelte-1cse5se"&&(b.innerHTML=bl),oe=i(t),A=a(t,"P",{"data-svelte-h":!0}),m(A)!=="svelte-uaahw1"&&(A.innerHTML=$l),de=i(t),O=a(t,"P",{"data-svelte-h":!0}),m(O)!=="svelte-v0g53t"&&(O.textContent=Cl),ce=i(t),r(tt.$$.fragment,t),Te=i(t),et=a(t,"P",{"data-svelte-h":!0}),m(et)!=="svelte-1y72ay9"&&(et.innerHTML=wl),xe=i(t),lt=a(t,"P",{"data-svelte-h":!0}),m(lt)!=="svelte-xzc7hf"&&(lt.innerHTML=_l),Me=i(t),r(st.$$.fragment,t),ve=i(t),$=a(t,"DIV",{class:!0,"data-svelte-h":!0}),m($)!=="svelte-1eg4i6m"&&($.innerHTML=gl),be=i(t),nt=a(t,"P",{"data-svelte-h":!0}),m(nt)!=="svelte-spq6"&&(nt.textContent=yl),$e=i(t),it=a(t,"P",{"data-svelte-h":!0}),m(it)!=="svelte-1fa0md7"&&(it.textContent=Jl),Ce=i(t),pt=a(t,"P",{"data-svelte-h":!0}),m(pt)!=="svelte-z6t97f"&&(pt.innerHTML=hl),we=i(t),at=a(t,"P",{"data-svelte-h":!0}),m(at)!=="svelte-tkw7pt"&&(at.innerHTML=Hl),_e=i(t),r(C.$$.fragment,t),ge=i(t),mt=a(t,"P",{"data-svelte-h":!0}),m(mt)!=="svelte-mxeuiq"&&(mt.textContent=jl),ye=i(t),r(ut.$$.fragment,t),Je=i(t),ft=a(t,"P",{"data-svelte-h":!0}),m(ft)!=="svelte-1piglun"&&(ft.innerHTML=Gl),he=i(t),rt=a(t,"P",{"data-svelte-h":!0}),m(rt)!=="svelte-15eyjch"&&(rt.textContent=Bl),He=i(t),ot=a(t,"P",{"data-svelte-h":!0}),m(ot)!=="svelte-xphdo5"&&(ot.textContent=kl),je=i(t),dt=a(t,"P",{"data-svelte-h":!0}),m(dt)!=="svelte-460zc0"&&(dt.innerHTML=Zl),Ge=i(t),r(ct.$$.fragment,t),Be=i(t),w=a(t,"DIV",{class:!0,"data-svelte-h":!0}),m(w)!=="svelte-b6kbs6"&&(w.innerHTML=Ll),ke=i(t),Tt=a(t,"P",{"data-svelte-h":!0}),m(Tt)!=="svelte-1fhnvtw"&&(Tt.textContent=Fl),Ze=i(t),xt=a(t,"P",{"data-svelte-h":!0}),m(xt)!=="svelte-1cs7glu"&&(xt.innerHTML=zl),Le=i(t),Mt=a(t,"P",{"data-svelte-h":!0}),m(Mt)!=="svelte-1lvyuve"&&(Mt.textContent=Il),Fe=i(t),vt=a(t,"P",{"data-svelte-h":!0}),m(vt)!=="svelte-1pcg213"&&(vt.textContent=Ul),ze=i(t),bt=a(t,"P",{"data-svelte-h":!0}),m(bt)!=="svelte-3rk3w"&&(bt.textContent=Xl),Ie=i(t),r($t.$$.fragment,t),Ue=i(t),Ct=a(t,"P",{"data-svelte-h":!0}),m(Ct)!=="svelte-15nu85j"&&(Ct.textContent=Pl),Xe=i(t),wt=a(t,"P",{"data-svelte-h":!0}),m(wt)!=="svelte-pj7gpy"&&(wt.textContent=Sl),Pe=i(t),_t=a(t,"P",{"data-svelte-h":!0}),m(_t)!=="svelte-2vra89"&&(_t.textContent=El),Se=i(t),gt=a(t,"P",{"data-svelte-h":!0}),m(gt)!=="svelte-dxb1a9"&&(gt.innerHTML=Wl),Ee=i(t),r(yt.$$.fragment,t),We=i(t),_=a(t,"DIV",{class:!0,"data-svelte-h":!0}),m(_)!=="svelte-1soplef"&&(_.innerHTML=Yl),Ye=i(t),Jt=a(t,"P",{"data-svelte-h":!0}),m(Jt)!=="svelte-h0ab71"&&(Jt.innerHTML=ql),qe=i(t),ht=a(t,"P",{"data-svelte-h":!0}),m(ht)!=="svelte-4e3ai"&&(ht.innerHTML=Rl),Re=i(t),r(g.$$.fragment,t),Ve=i(t),Ht=a(t,"P",{"data-svelte-h":!0}),m(Ht)!=="svelte-ph29jk"&&(Ht.textContent=Vl),De=i(t),jt=a(t,"P",{"data-svelte-h":!0}),m(jt)!=="svelte-ucutuf"&&(jt.textContent=Dl),Qe=i(t),Gt=a(t,"P",{"data-svelte-h":!0}),m(Gt)!=="svelte-1wwiqc5"&&(Gt.textContent=Ql),Ne=i(t),r(Bt.$$.fragment,t),Ke=i(t),zt=a(t,"P",{}),Al(zt).forEach(l),this.h()},h(){kt(u,"name","hf:doc:metadata"),kt(u,"content",ds),kt(v,"class","flex justify-center"),kt(b,"class","flex justify-center"),kt($,"class","flex justify-center"),kt(w,"class","flex justify-center"),kt(_,"class","flex justify-center")},m(t,e){as(document.head,u),s(t,x,e),s(t,M,e),s(t,It,e),o(y,t,e),s(t,Ut,e),o(J,t,e),s(t,Xt,e),s(t,h,e),s(t,Pt,e),s(t,H,e),s(t,St,e),s(t,j,e),s(t,Et,e),o(G,t,e),s(t,Wt,e),s(t,B,e),s(t,Yt,e),s(t,v,e),s(t,qt,e),s(t,k,e),s(t,Rt,e),s(t,Z,e),s(t,Vt,e),s(t,L,e),s(t,Dt,e),s(t,F,e),s(t,Qt,e),o(z,t,e),s(t,Nt,e),s(t,I,e),s(t,Kt,e),s(t,U,e),s(t,At,e),s(t,X,e),s(t,Ot,e),s(t,P,e),s(t,te,e),s(t,S,e),s(t,ee,e),s(t,E,e),s(t,le,e),o(W,t,e),s(t,se,e),s(t,Y,e),s(t,ne,e),s(t,q,e),s(t,ie,e),s(t,R,e),s(t,pe,e),o(V,t,e),s(t,ae,e),s(t,D,e),s(t,me,e),o(Q,t,e),s(t,ue,e),s(t,N,e),s(t,fe,e),o(K,t,e),s(t,re,e),s(t,b,e),s(t,oe,e),s(t,A,e),s(t,de,e),s(t,O,e),s(t,ce,e),o(tt,t,e),s(t,Te,e),s(t,et,e),s(t,xe,e),s(t,lt,e),s(t,Me,e),o(st,t,e),s(t,ve,e),s(t,$,e),s(t,be,e),s(t,nt,e),s(t,$e,e),s(t,it,e),s(t,Ce,e),s(t,pt,e),s(t,we,e),s(t,at,e),s(t,_e,e),o(C,t,e),s(t,ge,e),s(t,mt,e),s(t,ye,e),o(ut,t,e),s(t,Je,e),s(t,ft,e),s(t,he,e),s(t,rt,e),s(t,He,e),s(t,ot,e),s(t,je,e),s(t,dt,e),s(t,Ge,e),o(ct,t,e),s(t,Be,e),s(t,w,e),s(t,ke,e),s(t,Tt,e),s(t,Ze,e),s(t,xt,e),s(t,Le,e),s(t,Mt,e),s(t,Fe,e),s(t,vt,e),s(t,ze,e),s(t,bt,e),s(t,Ie,e),o($t,t,e),s(t,Ue,e),s(t,Ct,e),s(t,Xe,e),s(t,wt,e),s(t,Pe,e),s(t,_t,e),s(t,Se,e),s(t,gt,e),s(t,Ee,e),o(yt,t,e),s(t,We,e),s(t,_,e),s(t,Ye,e),s(t,Jt,e),s(t,qe,e),s(t,ht,e),s(t,Re,e),o(g,t,e),s(t,Ve,e),s(t,Ht,e),s(t,De,e),s(t,jt,e),s(t,Qe,e),s(t,Gt,e),s(t,Ne,e),o(Bt,t,e),s(t,Ke,e),s(t,zt,e),Ae=!0},p(t,[e]){const Nl={};e&2&&(Nl.$$scope={dirty:e,ctx:t}),C.$set(Nl);const Kl={};e&2&&(Kl.$$scope={dirty:e,ctx:t}),g.$set(Kl)},i(t){Ae||(d(y.$$.fragment,t),d(J.$$.fragment,t),d(G.$$.fragment,t),d(z.$$.fragment,t),d(W.$$.fragment,t),d(V.$$.fragment,t),d(Q.$$.fragment,t),d(K.$$.fragment,t),d(tt.$$.fragment,t),d(st.$$.fragment,t),d(C.$$.fragment,t),d(ut.$$.fragment,t),d(ct.$$.fragment,t),d($t.$$.fragment,t),d(yt.$$.fragment,t),d(g.$$.fragment,t),d(Bt.$$.fragment,t),Ae=!0)},o(t){c(y.$$.fragment,t),c(J.$$.fragment,t),c(G.$$.fragment,t),c(z.$$.fragment,t),c(W.$$.fragment,t),c(V.$$.fragment,t),c(Q.$$.fragment,t),c(K.$$.fragment,t),c(tt.$$.fragment,t),c(st.$$.fragment,t),c(C.$$.fragment,t),c(ut.$$.fragment,t),c(ct.$$.fragment,t),c($t.$$.fragment,t),c(yt.$$.fragment,t),c(g.$$.fragment,t),c(Bt.$$.fragment,t),Ae=!1},d(t){t&&(l(x),l(M),l(It),l(Ut),l(Xt),l(h),l(Pt),l(H),l(St),l(j),l(Et),l(Wt),l(B),l(Yt),l(v),l(qt),l(k),l(Rt),l(Z),l(Vt),l(L),l(Dt),l(F),l(Qt),l(Nt),l(I),l(Kt),l(U),l(At),l(X),l(Ot),l(P),l(te),l(S),l(ee),l(E),l(le),l(se),l(Y),l(ne),l(q),l(ie),l(R),l(pe),l(ae),l(D),l(me),l(ue),l(N),l(fe),l(re),l(b),l(oe),l(A),l(de),l(O),l(ce),l(Te),l(et),l(xe),l(lt),l(Me),l(ve),l($),l(be),l(nt),l($e),l(it),l(Ce),l(pt),l(we),l(at),l(_e),l(ge),l(mt),l(ye),l(Je),l(ft),l(he),l(rt),l(He),l(ot),l(je),l(dt),l(Ge),l(Be),l(w),l(ke),l(Tt),l(Ze),l(xt),l(Le),l(Mt),l(Fe),l(vt),l(ze),l(bt),l(Ie),l(Ue),l(Ct),l(Xe),l(wt),l(Pe),l(_t),l(Se),l(gt),l(Ee),l(We),l(_),l(Ye),l(Jt),l(qe),l(ht),l(Re),l(Ve),l(Ht),l(De),l(jt),l(Qe),l(Gt),l(Ne),l(Ke),l(zt)),l(u),T(y,t),T(J,t),T(G,t),T(z,t),T(W,t),T(V,t),T(Q,t),T(K,t),T(tt,t),T(st,t),T(C,t),T(ut,t),T(ct,t),T($t,t),T(yt,t),T(g,t),T(Bt,t)}}}const ds='{"title":"오디오 데이터에 대하여","local":"introduction-to-audio-data","sections":[{"title":"샘플링과 샘플링 속도(sampling rate)","local":"sampling-and-sampling-rate","sections":[],"depth":2},{"title":"진폭(amplitude)과 비트뎁스(bit depth)","local":"amplitude-and-bit-depth","sections":[],"depth":2},{"title":"파형(waveform)으로써의 오디오","local":"audio-as-a-waveform","sections":[],"depth":2},{"title":"주파수 스펙트럼(frequency spectrum)","local":"the-frequency-spectrum","sections":[],"depth":2},{"title":"스펙트로그램(spectrogram)","local":"spectrogram","sections":[],"depth":2},{"title":"멜 스펙트로그램","local":"mel-spectrogram","sections":[],"depth":2}],"depth":1}';function cs(Lt){return ss(()=>{new URLSearchParams(window.location.search).get("fw")}),[]}class $s extends ns{constructor(u){super(),is(this,u,cs,os,ls,{})}}export{$s as component};
