Baseline Widely available *
Web Audio APIë ì¹ìì ì¤ëì¤ë¥¼ ì ì´í기 ìí ê°ë ¥íê³ ë¤ìí 기ë¥ì ì ê³µí©ëë¤. Web Audio API를 ì´ì©íë©´ ì¤ëì¤ ìì¤ë¥¼ ì íí ì ìëë¡ íê±°ë, ì¤ëì¤ì ì´íí¸ë¥¼ ì¶ê°íê±°ë, ì¤ëì¤ë¥¼ ìê°ííê±°ë, í¨ëê³¼ ê°ì ê³µê° ì´íí¸ë¥¼ ì ì©ìí¤ë ë±ì ìì ì´ ê°ë¥í©ëë¤.
Web audioì ê°ë ê³¼ ì¬ì©ë²Web Audio APIë ì¤ëì¤ ì»¨í ì¤í¸ ë´ë¶ì ì¤ëì¤ ì¡°ìì í¸ë¤ë§íë ê²ì í¬í¨íë©°, 모ëë¬ ë¼ì°í ì íì©íëë¡ ì¤ê³ëì´ ììµëë¤. 기본ì ì¸ ì¤ëì¤ ì°ì°ì ì¤ëì¤ ë ¸ë를 íµí´ ìíëë©°, ì¤ëì¤ ë ¸ëë ìë¡ ì°ê²°ëì´ ì¤ëì¤ ë¼ì°í ê·¸ëí를 íì±í©ëë¤. ìë¡ ë¤ë¥¸ íì ì ì±ë ë ì´ììì í¬í¨í ë¤ìì ì¤ëì¤ ìì¤ë ë¨ì¼ 컨í ì¤í¸ ë´ììë ì§ìë©ëë¤. ì´ ëª¨ëì ì¤ê³ë ìëì ì´ê³ ë³µí©ì ì¸ ì¤ëì¤ ê¸°ë¥ ìì±ì ìí ì ì°ì±ì ì ê³µí©ëë¤.
ì¤ëì¤ ë
¸ëë ê°ê°ì ì
ë ¥ê³¼ ì¶ë ¥ì íµí´ ì²´ì¸ê³¼ ê°ë¨í ë§ì¼ë¡ ì°ê²°ë©ëë¤. ì´ë¤ì ì¼ë°ì ì¼ë¡ íë ì´ìì ìì¤ë¡ ììí©ëë¤. ìì¤ë¤ì ì´ë¹ ìë§ ê° ê°ëì ì주 ìì ìê° ë¨ìì ìí¥ ì¸í
ìí°(ìí) ë°°ì´ë¡ ì ê³µë©ëë¤. ìì¤ë OscillatorNode
ì ê°ì´ ìíì ì¼ë¡ ê³ì°ë ê²ì´ê±°ë, AudioBufferSourceNode
ëë MediaElementAudioSourceNode
ì ê°ì ì¬ì´ë/ë¹ëì¤ íì¼, ë§ì§ë§ì¼ë¡ MediaStreamAudioSourceNode
ì ê°ì ì¤ëì¤ ì¤í¸ë¦¼ì¼ ì ììµëë¤. ì¬ì¤, ì¬ì´ë íì¼ì ë§ì´í¬ë ì ìê¸°ê¸°ë¡ ìì±ë ìí¥ ì¸í
ìí°ê° ë
¹ìë ê²ì ë¶ê³¼íë©°, íëì ë³µí©ì ì¸ íëì¼ë¡ 믹ì±ë©ëë¤.
ì¤ëì¤ ë
¸ëì ì¶ë ¥ì ë¤ë¥¸ ë
¸ëì ì
ë ¥ ë¨ìì ì°ê²°ë ì ììµëë¤. ì´ ì
ë ¥ì ë
¸ëì ì¬ì´ë ìí ì¤í¸ë¦¼ì ë¤ë¥¸ ì¤í¸ë¦¼ì¼ë¡ 믹ì¤íê±°ë ë³ê²½í©ëë¤. ì¼ë°ì ì¸ ë³ê²½ì GainNode
ì ê°ì´ ìíì ì리를 ë í¤ì°ê±°ë ì¤ì´ë ê°ì ê³±íë ê²ì
ëë¤. ì¬ì´ëê° ìëë ì´íí¸ë¥¼ ìí´ ì¶©ë¶í ì²ë¦¬ëë©´, ì´ë¥¼ AudioContext.destination
ì ì
ë ¥ì ì°ê²°í´ ì¬ì´ë를 ì¤í¼ì»¤ì í¤ëí°ì¼ë¡ ì¶ë ¥í©ëë¤. ì´ ì°ê²°ì ì¬ì©ìê° ì¤ëì¤ë¥¼ ë£ëë¡ í기 ìí ì©ëë¡ë§ íìí©ëë¤.
ì¹ ì¤ëì¤ì ê°ë¨íê³ ì¼ë°ì ì¸ ìì íë¦ì ë¤ìê³¼ ê°ìµëë¤ :
ëì ì íëì ì ì ì§ì°ìê°ì ê°ì§ íì´ë° ê³ì° ëë¶ì, ê°ë°ìë ëì ìí ë ì´í¸ììë í¹ì ìíì ëìì¼ë¡ ì´ë²¤í¸ì ì ííê² ìëµíë ì½ë를 ìì±í ì ììµëë¤. ë°ë¼ì ëë¼ ë¨¸ì ì´ë ìíì ë±ì ì´í리ì¼ì´ì ì ì¶©ë¶í 구í ê°ë¥í©ëë¤.
Web Audio APIë ì¤ëì¤ê° ì´ë»ê² ê³µê°íë ì§ ì»¨í¸ë¡¤í ì ìëë¡ í©ëë¤. ìì¤-리ì¤ë 모ë¸ì 기ë°ì¼ë¡ íë ìì¤í ì ì¬ì©íë©´ í¨ë 모ë¸ê³¼ 거리-ì ë ê°ì í¹ì ìì§ì´ë ìì¤(í¹ì ìì§ì´ë ì²ì)를 íµí´ ì ë°ë ëíë¬ ìíí¸ ì»¨í¸ë¡¤ì´ ê°ë¥í©ëë¤.
Web Audio API íê² ì¬ì©ìì¸µì°¸ê³ : Web Audio APIì 기본 ê°ë 문ììì Web Audio API ì´ë¡ ì ëí ë ìì¸í ë´ì©ì ì½ì ì ììµëë¤.
ì¤ëì¤ë ìì ì©ì´ì ìµìíì§ ìì ì¬ëì Web Audio APIê° ë§ë§íê² ëê»´ì§ ì ììµëë¤. ëí Web Audio APIê° êµì¥í ë¤ìí 기ë¥ì ì ê³µíë ë§í¼ ê°ë°ìë¡ìë ììí기 ì´ë µê² ëê»´ì§ ì ììµëë¤.
Web Audio APIë futurelibrary.noììì ê°ì´ ë°°ê²½ ìì ì ê¹ê±°ë, ìì±ë í¼ì ëí í¼ëë°±ì ì ê³µíë ë±, ì¹ì¬ì´í¸ì ê°ë¨í ì¤ëì¤ ê¸°ë¥ì ì ê³µíë ë°ì ì¬ì©ë ì ììµëë¤. ê·¸ë¦¬ê³ ë¬¼ë¡ ìí¸ìì© ê°ë¥í ìê¸ìì© ì 기 기ë¥ì ë§ëë ë°ìë ì¬ì©í ì ììµëë¤. ë°ë¼ì Web Audio APIë ê°ë°ìì 뮤ì§ì 모ëê° ì¬ì© ê°ë¥í©ëë¤.
íë¡ê·¸ëë°ìë ìµìíì§ë§ ê°ì¢ ì©ì´ë APIì 구조ì ëí´ ê³µë¶íê³ ì¶ì¼ì ë¶ë¤ì ìí ê°ë¨í íí 리ì¼ì´ ì¤ë¹ëì´ ììµëë¤.
Web Audio APIì ì리ìë API ë´ìì ëì§í¸ ì¤ëì¤ê° ì´ë»ê² ëìíëì§ ëì ììµëë¤. í´ë¹ 문ììë APIê° ì´ë¤ ì리를 ì´ì©í´ ìì±ëìëì§ì ëí ì¤ëª ë ì ëì´ ììµëë¤.
ì½ë를 ìì±íë ê²ì ì¹´ë ê²ìê³¼ ë¹ì·í©ëë¤. ê·ì¹ì ë°°ì°ê³ , íë ì´í©ëë¤. ëª¨ë¥´ê² ë ê·ì¹ì ë¤ì ê³µë¶íê³ , ë¤ì ìë¡ì´ íì í©ëë¤. ë§ì°¬ê°ì§ë¡, ì´ ë¬¸ìì 첫 íí 리ì¼ìì ì¤ëª íë ê²ë§ì¼ë¡ ë¶ì¡±íë¤ê³ ëë¼ì ë¤ë©´ 첫 íí 리ì¼ì ë´ì©ì ë³´ì¶©íë ëìì ì¬ë¬ í í¬ëì ì´ì©íì¬ ì¤í ìíì를 ë§ëë ë²ì ì¤ëª íë ìê¸ìì© íí 리ì¼ì ì½ì´ë³´ìë ê²ì ì¶ì²í©ëë¤.
ê·¸ ì¸ìë ì´ íì´ì§ì ì¬ì´ëë°ìì APIì 모ë 기ë¥ì ì¤ëª íë ì°¸ê³ ìë£ì ë¤ìí ììµì를 ì°¾ì ë³´ì¤ ì ììµëë¤.
ë§ì½ì íë¡ê·¸ëë°ë³´ë¤ë ìì ì´ ì¹ìíê³ , ìì ì´ë¡ ì ìµìíë©°, ì 기를 ë§ë¤ê³ ì¶ì¼ìë¤ë©´ ë°ë¡ ìê¸ìì© íí 리ì¼ë¶í° ììíì¬ ì¬ë¬ê°ì§ë¥¼ ë§ë¤ê¸° ììíìë©´ ë©ëë¤. ìì íí 리ì¼ì ìí를 ë°°ì¹íë ë², ì 주í ë°ì§ê¸° ë± ë§ì¶¤í Oscillator(ë°ì§ê¸°)ì Envelope를 ì¤ê³íë ë² ë±ì ì¤ëª íê³ ìì¼ë, ì´ë¥¼ ì½ì¼ë©° ì¬ì´ëë°ì ìë£ë¥¼ ì°¸ê³ íìë©´ ë ê²ì ëë¤.
íë¡ê·¸ëë°ì ì í ìµìíì§ ìì¼ìë¤ë©´ JavaScript ê¸°ì´ íí 리ì¼ì 먼ì ì½ê³ ì´ ë¬¸ì를 ë¤ì ì½ì¼ìë ê² ëì ìë ììµëë¤. Mozillaì JavaScript 기ì´ë§í¼ ì¢ì ìë£ë ëª ìì£ .
Web Audio API ì¸í°íì´ì¤Web Audio APIë ë¤ìí ì¸í°íì´ì¤ì ì°ê´ ì´ë²¤í¸ë¥¼ ê°ì§ê³ ìì¼ë©°, ì´ë 9ê°ì§ì 기ë¥ì ë²ì£¼ë¡ ëë©ëë¤.
ì¼ë° ì¤ëì¤ ê·¸ëí ì ìWeb Audio API ì¬ì©ë²ì ë´ìì ì¤ëì¤ ê·¸ëí를 íì±íë ì¼ë°ì ì¸ ì»¨í ì´ëì ì ìì ëë¤.
AudioContext
AudioContext
ì¸í°íì´ì¤ë ì¤ëì¤ ëª¨ëì´ ìë¡ ì°ê²°ëì´ êµ¬ì±ë ì¤ëì¤ íë¡ì¸ì± ê·¸ëí를 íííë©°, ê°ê°ì ê·¸ëíë AudioNode
ë¡ ííë©ëë¤. AudioContext
ë ìì ì´ ê°ì§ê³ ìë ë
¸ëì ìì±ê³¼ ì¤ëì¤ íë¡ì¸ì± í¹ì ëì½ë©ì ì¤íì ì ì´í©ëë¤. ì´ë¤ ìì
ì´ë ììí기 ì ì AudioContext
를 ìì±í´ì¼ í©ëë¤. 모ë ìì
ì 컨í
ì¤í¸ ë´ìì ì´ë£¨ì´ì§ëë¤.
AudioNode
AudioNode
ì¸í°íì´ì¤ë ì¤ëì¤ ìì¤(<audio>
ë <video>
ìì), ì¤ëì¤ ëª©ì ì§, ì¤ê° ì²ë¦¬ 모ë(BiquadFilterNode
ì´ë GainNode
)ê³¼ ê°ì ì¤ëì¤ ì²ë¦¬ 모ëì ëíë
ëë¤.
AudioParam
AudioParam
ì¸í°íì´ì¤ë AudioNode
ì¤ íëì ê°ì ì¤ëì¤ ê´ë ¨ íë¼ë¯¸í°ë¥¼ ëíë
ëë¤. ì´ë í¹ì ê° ëë ê° ë³ê²½ì¼ë¡ ì¸í
ëê±°ë, í¹ì ìê°ì ë°ìíê³ í¹ì í¨í´ì ë°ë¥´ëë¡ ì¤ì¼ì¥´ë§í ì ììµëë¤.
AudioParamMap
AudioParam
ì¸í°íì´ì¤ 그룹ì maplike ì¸í°íì´ì¤ë¥¼ ì ê³µíëë°, ì´ë forEach()
, get()
, has()
, keys()
, values()
ë©ìëì size
ìì±ì´ ì ê³µëë¤ë ê²ì ì미í©ëë¤.
BaseAudioContext
BaseAudioContext
ì¸í°íì´ì¤ë ì¨ë¼ì¸ê³¼ ì¤íë¼ì¸ ì¤ëì¤ íë¡ì¸ì± ê·¸ëíì ëí 기본 ì ìë¡ì ëìíëë°, ì´ë ê°ê° AudioContext
ì OfflineAudioContext
ë¡ ëíë©ëë¤. BaseAudioContext
ë ì§ì ì°ì¬ì§ ì ììµëë¤ â ì´ ë ê°ì§ ììëë ì¸í°íì´ì¤ ì¤ íë를 íµí´ ì´ê²ì 기ë¥ì ì¬ì©í ì ììµëë¤.
ended
event
ended
ì´ë²¤í¸ë 미ëì´ì ëì ëë¬íì¬ ì¬ìì´ ì ì§ëë©´ í¸ì¶ë©ëë¤.
Web Audio APIìì ì¬ì©í기 ìí ì¤ëì¤ ìì¤ë¥¼ ì ìíë ì¸í°íì´ì¤ì ëë¤.
AudioScheduledSourceNode
AudioScheduledSourceNode
ë ì¤ëì¤ ìì¤ ë
¸ë ì¸í°íì´ì¤ì ëª ê°ì§ ì íì ëí ë¶ëª¨ ì¸í°íì´ì¤ì
ëë¤. ì´ê²ì AudioNode
ì
ëë¤.
OscillatorNode
OscillatorNode
ì¸í°íì´ì¤ë ì¼ê°í ëë ì¬ì¸íì ê°ì 주기ì ííì ëíë
ëë¤. ì´ê²ì 주ì´ì§ 주íìì íëì ìì±íë AudioNode
ì¤ëì¤ íë¡ì¸ì± 모ëì
ëë¤.
AudioBuffer
AudioBuffer
ì¸í°íì´ì¤ë AudioContext.decodeAudioData()
ë©ìë를 ì¬ì©í´ ì¤ëì¤ íì¼ìì ìì±ëê±°ë AudioContext.createBuffer()
를 ì¬ì©í´ ë¡ì° ë°ì´í°ë¡ë¶í° ìì±ë ë©ëª¨ë¦¬ìì ì ì¬ëë ì§§ì ì¤ëì¤ ììì ëíë
ëë¤. ì´ íìì¼ë¡ ëì½ë©ë ì¤ëì¤ë AudioBufferSourceNode
ì ì½ì
ë ì ììµëë¤.
AudioBufferSourceNode
AudioBufferSourceNode
ì¸í°íì´ì¤ë AudioBuffer
ì ì ì¥ë ë©ëª¨ë¦¬ìì ì¤ëì¤ ë°ì´í°ë¡ 구ì±ë ì¤ëì¤ ìì¤ë¥¼ ëíë
ëë¤. ì´ê²ì ì¤ëì¤ ìì¤ ìí ì íë AudioNode
ì
ëë¤.
MediaElementAudioSourceNode
MediaElementAudioSourceNode
ì¸í°íì´ì¤ë <audio>
ë <video>
HTML ì리먼í¸ë¡ 구ì±ë ì¤ëì¤ ìì¤ë¥¼ ëíë
ëë¤. ì´ê²ì ì¤ëì¤ ìì¤ ìí ì íë AudioNode
ì
ëë¤.
MediaStreamAudioSourceNode
MediaStreamAudioSourceNode
ì¸í°íì´ì¤ë WebRTC MediaStream
(ì¹ìº , ë§ì´í¬ í¹ì ì격 ì»´í¨í°ìì ì ì¡ë ì¤í¸ë¦¼)ì¼ë¡ 구ì±ë ì¤ëì¤ ìì¤ë¥¼ ëíë
ëë¤. ì´ê²ì ì¤ëì¤ ìì¤ ìí ì íë AudioNode
ì
ëë¤.
MediaStreamTrackAudioSourceNode
MediaStreamTrackAudioSourceNode
ì íì ë
¸ëë ë°ì´í°ê° MediaStreamTrack
ë¡ë¶í° ì¤ë ì¤ëì¤ ìì¤ë¥¼ ííí©ëë¤. ì´ ë
¸ë를 ìì±í기 ìí´ createMediaStreamTrackSource()
ë©ìë를 ì¬ì©íì¬ ì´ ë
¸ë를 ìì±í ë, ì¬ë¬ë¶ì ì´ë¤ í¸ëì ì¬ì©í ì§ ëª
ìí©ëë¤. ì´ê²ì MediaStreamAudioSourceNode
ë³´ë¤ ë ë§ì ì ì´ë¥¼ ì ê³µí©ëë¤.
ì¤ëì¤ ìì¤ì ì ì©í ì´íí¸ë¥¼ ì ìíë ì¸í°íì´ì¤ì ëë¤.
BiquadFilterNode
BiquadFilterNode
ì¸í°íì´ì¤ë ê°ë¨í íì íí°ë¥¼ ëíë
ëë¤. ì´ê²ì ì¬ë¬ ì¢
ë¥ì íí°ë í¤ ì ì´ ì¥ì¹ í¹ì ê·¸ëí½ ì´íë¼ì´ì 를 ëíë¼ ì ìë AudioNode
ì
ëë¤. BiquadFilterNode
ë íì ë¨ íëì ì
ë ¥ê³¼ ì¶ë ¥ë§ì ê°ì§ëë¤.
ConvolverNode
ConvolverNode
ì¸í°íì´ì¤ë 주ì´ì§ AudioBuffer
ì ì í ì½ë³¼ë£¨ì
ì ìííë AudioNode
ì´ë©°, 리ë²ë¸ ì´íí¸ë¥¼ ì»ê¸° ìí´ ì주 ì¬ì©ë©ëë¤.
DelayNode
DelayNode
ì¸í°íì´ì¤ë ì§ì°ì ì ëíë
ëë¤. ì§ì°ì ì ì
ë ¥ ë°ì´í°ê° ì¶ë ¥ì ì ë¬ë기ê¹ì§ì ì¬ì´ì ëë ì´ë¥¼ ë°ììí¤ë AudioNode
ì¤ëì¤ ì²ë¦¬ 모ëì
ëë¤.
DynamicsCompressorNode
DynamicsCompressorNode
ì¸í°íì´ì¤ë ìì¶ ì´íí¸ë¥¼ ì ê³µí©ëë¤, ì´ë ì í¸ì ê°ì¥ í° ë¶ë¶ì 볼륨ì ë®ì¶ì´ ì¬ë¬ ì¬ì´ë를 ëìì ì¬ìí ë ë°ìí ì ìë í´ë¦¬í ë° ì곡ì ë°©ì§í©ëë¤.
GainNode
GainNode
ì¸í°íì´ì¤ë ìëì ë³ê²½ì ëíë
ëë¤. ì´ë ì¶ë ¥ì ì ë¬ë기 ì ì ì
ë ¥ ë°ì´í°ì 주ì´ì§ ìë ì¡°ì ì ì ì©í기 ìí AudioNode
ì¤ëì¤ ëª¨ëì
ëë¤.
WaveShaperNode
WaveShaperNode
ì¸í°íì´ì¤ë ë¹ì í ì곡ì ëíë
ëë¤. ì´ë 곡ì ì ì¬ì©íì¬ ì í¸ì íí íì±ì ì곡ì ì ì©íë AudioNode
ì
ëë¤. ë¶ëª
í ì곡 ì´íí¸ ì¸ìë ì í¸ì ë°ë»í ëëì ëíëë° ì주 ì¬ì©ë©ëë¤.
PeriodicWave
OscillatorNode
ì ì¶ë ¥ì íì±íëë° ì¬ì©ë ì ìë 주기ì ííì ì¤ëª
í©ëë¤.
IIRFilterNode
ì¼ë°ì ì¸ infinite impulse response (IIR) íí°ë¥¼ 구íí©ëë¤; ì´ ì íì íí°ë ìì ì ì´ ì¥ì¹ì ê·¸ëí½ ì´íë¼ì´ì 를 구ííë ë° ì¬ì©ë ì ììµëë¤.
ì²ë¦¬ë ì¤ëì¤ë¥¼ ì´ëì ì¶ë ¥í ì§ ì ìíë ì¸í°íì´ì¤ì ëë¤.
AudioDestinationNode
AudioDestinationNode
ì¸í°íì´ì¤ë 주ì´ì§ 컨í
ì¤í¸ ë´ì ì¤ëì¤ ìì¤ì ìµì¢
목ì ì§ë¥¼ ëíë
ëë¤. ì£¼ë¡ ê¸°ê¸°ì ì¤í¼ì»¤ë¡ ì¶ë ¥í ë ì¬ì©ë©ëë¤.
MediaStreamAudioDestinationNode
MediaStreamAudioDestinationNode
ì¸í°íì´ì¤ë ë¨ì¼ AudioMediaStreamTrack
ì ê°ì§ WebRTC MediaStream
ë¡ êµ¬ì±ë ì¤ëì¤ ëª©ì ì§ë¥¼ ëíë´ë©°, ì´ë getUserMedia()
ìì ì»ì MediaStream
ê³¼ ë¹ì·í ë°©ìì¼ë¡ ì¬ì©í ì ììµëë¤. ì´ê²ì ì¤ëì¤ ëª©ì ì§ ìí ì íë AudioNode
ì
ëë¤.
ì¤ëì¤ìì ì¬ììê°ì´ë 주íì ë±ì ë°ì´í°ë¥¼ ì¶ì¶í기 ìí ì¸í°íì´ì¤ì ëë¤.
AnalyserNode
AnalyserNode
ì¸í°íì´ì¤ë ë°ì´í°ë¥¼ ë¶ìíê³ ìê°íí기 ìí ì¤ìê° ì£¼íìì ìê°ìì ë¶ì ì 보를 ì ê³µíë ë
¸ë를 ëíë
ëë¤.
ì¤ëì¤ ì±ëë¤ì ë¶ë¦¬íê±°ë ë³í©í기 ìí ì¸í°íì´ì¤ì ëë¤.
ChannelSplitterNode
ChannelSplitterNode
ì¸í°íì´ì¤ë ì¤ëì¤ ìì¤ì ì¬ë¬ ì±ëì 모ë
¸ ì¶ë ¥ ì
ì¼ë¡ ë¶ë¦¬í©ëë¤.
ChannelMergerNode
ChannelMergerNode
ì¸í°íì´ì¤ë ì¬ë¬ 모ë
¸ ì
ë ¥ì íëì ì¶ë ¥ì¼ë¡ ì¬ê²°í©í©ëë¤. ê° ì
ë ¥ì ì¶ë ¥ì ì±ëì ì±ì°ëë° ì¬ì©ë ê²ì
ëë¤.
ì¤ëì¤ ìì¤ì ì¤ëì¤ ê³µê°í í¨ë ì´íí¸ë¥¼ ì¶ê°íë ì¸í°íì´ì¤ì ëë¤.
AudioListener
AudioListener
ì¸í°íì´ì¤ë ì¤ëì¤ ê³µê°íì ì¬ì©ëë ì¤ëì¤ ì¥ë©´ì ì²ì·¨íë ê³ ì í ìì²ìì ìì¹ì ë°©í¥ì ëíë
ëë¤.
PannerNode
PannerNode
ì¸í°íì´ì¤ë ê³µê° ë´ì ì í¸ ììì ëíë
ëë¤. ì´ê²ì ìì ì ì¤ë¥¸ì ì§êµ ì¢í ë´ì í¬ì§ì
ê³¼, ìë 벡í°ë¥¼ ì´ì©í ìì§ìê³¼, ë°©í¥ì± ìë¿ì ì´ì©í ë°©í¥ì ìì íë AudioNode
ì¤ëì¤ íë¡ì¸ì± 모ëì
ëë¤.
StereoPannerNode
StereoPannerNode
ì¸í°íì´ì¤ë ì¤ëì¤ ì¤í¸ë¦¼ì ì¢ì°ë¡ í¸í¥ìí¤ëë° ì¬ì©ë ì ìë ê°ë¨í ì¤í
ë ì¤ í¨ë ë
¸ë를 ëíë
ëë¤.
ì¤ëì¤ workletì ì¬ì©íì¬, ì¬ë¬ë¶ì JavaScript ëë WebAssemblyë¡ ìì±ë ì¬ì©ì ì ì ì¤ëì¤ ë
¸ë를 ì ìí ì ììµëë¤. ì¤ëì¤ workletì Worklet
ì¸í°íì´ì¤ë¥¼ 구ííëë°, ì´ë Worker
ì¸í°íì´ì¤ì ê°ë²¼ì´ ë²ì ì
ëë¤.
AudioWorklet
AudioWorklet
ì¸í°íì´ì¤ë AudioContext
ê°ì²´ì audioWorklet
ì íµíì¬ ì¬ì© ê°ë¥íê³ , ë©ì¸ ì¤ë ë를 ì¤íí ì¤ëì¤ workletì 모ëì ì¶ê°í ì ìê² í©ëë¤.
AudioWorkletNode
AudioWorkletNode
ì¸í°íì´ì¤ë ì¤ëì¤ ê·¸ëíì ìë² ëë AudioNode
ì ëíë´ê³ í´ë¹íë AudioWorkletProcessor
ì ë©ìì§ë¥¼ ì ë¬í ì ììµëë¤.
AudioWorkletProcessor
AudioWorkletProcessor
ì¸í°íì´ì¤ë ì¤ëì¤ë¥¼ ì§ì ìì±íê±°ë, ì²ë¦¬íê±°ë, ëë ë¶ìíë AudioWorkletGlobalScope
ìì ì¤íëë ì¤ëì¤ íë¡ì¸ì± ì½ë를 ëíë´ê³ , í´ë¹íë AudioWorkletNode
ì ë©ìì§ë¥¼ ì ë¬í ì ììµëë¤.
AudioWorkletGlobalScope
AudioWorkletGlobalScope
ì¸í°íì´ì¤ë ì¤ëì¤ íë¡ì¸ì± ì¤í¬ë¦½í¸ê° ì¤íëë ì커 컨í
ì¤í¸ë¥¼ ëíë´ë íìë ê°ì²´ì¸ WorkletGlobalScope
ì
ëë¤; ì´ê²ì ë©ì¸ ì¤ë ëê° ìë worklet ì¤ë ëìì JavaScript를 ì¬ì©íì¬ ì§ì ì ì¼ë¡ ì¤ëì¤ ë°ì´í°ì ìì±, ì²ë¦¬, ë¶ìì ê°ë¥íê² íëë¡ ì¤ê³ëììµëë¤.
ì¤ëì¤ workletì´ ì ìë기 ì ì, Web Audio APIë JavaScript 기ë°ì ì¤ëì¤ íë¡ì¸ì±ì ìí´ ScriptProcessorNode
를 ì¬ì©íìµëë¤. ì½ëê° ë©ì¸ ì¤ë ëìì ì¤íë기 ë문ì, ëì ì±ë¥ì ê°ì§ê³ ìììµëë¤. ScriptProcessorNode
ë ìì¬ì ì¸ ì´ì ë¡ ë³´ì¡´ëë deprecatedëììµëë¤.
ScriptProcessorNode
ì§ìì´ ì¤ë¨ëììµëë¤
ScriptProcessorNode
ì¸í°íì´ì¤ë JavaScript를 ì´ì©í ì¤ëì¤ ìì±, ì²ë¦¬, ë¶ì 기ë¥ì ì ê³µí©ëë¤. ì´ê²ì íì¬ ì
ë ¥ ë²í¼ì ì¶ë ¥ ë²í¼, ì´ ë ê°ì ë²í¼ì ì°ê²°ëë AudioNode
ì¤ëì¤ íë¡ì¸ì± 모ëì
ëë¤. AudioProcessingEvent
ì¸í°íì´ì¤ë¥¼ 구ííë ì´ë²¤í¸ë ì
ë ¥ ë²í¼ì ìë¡ì´ ë°ì´í°ê° ë¤ì´ì¬ ëë§ë¤ ê°ì²´ë¡ ì ë¬ëê³ , ì¶ë ¥ ë²í¼ê° ë°ì´í°ë¡ ì±ìì§ë©´ ì´ë²¤í¸ í¸ë¤ë¬ê° ì¢
ë£ë©ëë¤.
audioprocess
(event) ì§ìì´ ì¤ë¨ëììµëë¤
audioprocess
ì´ë²¤í¸ë Web Audio API ScriptProcessorNode
ì ì
ë ¥ ë²í¼ê° ì²ë¦¬ë ì¤ë¹ê° ëìì ë ë°ìí©ëë¤.
AudioProcessingEvent
ì§ìì´ ì¤ë¨ëììµëë¤
Web Audio API AudioProcessingEvent
ë ScriptProcessorNode
ì
ë ¥ ë²í¼ê° ì²ë¦¬ë ì¤ë¹ê° ëìì ë ë°ìíë ì´ë²¤í¸ë¥¼ ëíë
ëë¤.
ë¤ìì ì´ì©í´ 백그ë¼ì´ë(ì¥ì¹ì ì¤í¼ì»¤ê° ìë AudioBuffer
ì¼ë¡ ë ëë§)ìì ì¤ëì¤ ê·¸ëí를 ì ìíê² ì²ë¦¬/ë ëë§ í ì ììµëë¤.
OfflineAudioContext
OfflineAudioContext
ì¸í°íì´ì¤ë AudioNode
ë¡ ì°ê²°ëì´ êµ¬ì±ë ì¤ëì¤ íë¡ì¸ì± ê·¸ëí를 ëíë´ë AudioContext
ì¸í°íì´ì¤ì
ëë¤. íì¤ AudioContext
ì ëì¡°ì ì¼ë¡, OfflineAudioContext
ë ì¤ì ë¡ ì¤ëì¤ë¥¼ ë ëë§íì§ ìê³ ê°ë¥í 빨리 ë²í¼ ë´ìì ìì±í©ëë¤.
complete
(event)
complete
ì´ë²¤í¸ë OfflineAudioContext
ì ë ëë§ì´ ì¢
ë£ë ë ë°ìí©ëë¤.
OfflineAudioCompletionEvent
OfflineAudioCompletionEvent
ì´ë²¤í¸ë OfflineAudioContext
ì ì²ë¦¬ê° ì¢
ë£ë ë ë°ìíë ì´ë²¤í¸ë¥¼ ëíë
ëë¤. complete
ì´ë²¤í¸ë ì´ ì´ë²¤í¸ë¥¼ 구íí©ëë¤.
Web Audio APIê° ì²ì ë¸ë¼ì°ì ì ìê°ëìì ë, ì´ê²ì ì¤ìê°ì¼ë¡ ì¤ëì¤ë¥¼ ì¡°ìíë ì¬ì©ì ì ì ì¤ëì¤ íë¡ì¸ì를 ìì±í기 ìí´ JavaScript ì½ë를 ì¬ì©íê³ ìììµëë¤. ScriptProcessorNode
ì 문ì ì ì ë¨ìíìµëë¤: ì´ê²ì ë©ì¸ ì¤ë ëìì ì¤íë기 ë문ì ì¤íì ë§ì¹ê¸° ì ê¹ì§ ë¤ë¥¸ 모ë ëìì ë§ììµëë¤. ì´ë¬í ë°©ìì ì´ìì ì´ì§ ìììµëë¤. í¹í ì¤ëì¤ íë¡ì¸ì±ê°ì´ ê³ì°ì ì¼ë¡ ë¹ì©ì´ ë§ì´ ë¤ ì ìë 무ì¸ê°ì ëí´ì ë§ì
ëë¤.
ì´ ê¸ì ë¤ìì íë¼ë¯¸í°ê° ê°ì ê°ì ê³µì íëë¡ íë¼ë¯¸í°ë¤ì í¨ê» ì°ê²°í기 ìí´ ì´ë»ê² ConstantSourceNode
를 ì¬ì©íëì§ë¥¼ ì¤ëª
í©ëë¤. ì´ ê°ì ConstantSourceNode.offset
íë¼ë¯¸í°ì ê°ì ì¤ì í¨ì¼ë¡ì¨ ë³ê²½ë ì ììµëë¤.
Web Audio APIì IIRFilterNode
ì¸í°íì´ì¤ë ì¼ë°ì ì¸ ë¬´í ìíì¤ ìëµ (IIR) íí°ë¥¼ 구ííë AudioNode
íë¡ì¸ìì
ëë¤; ì´ ì íì íí°ë ìì ì ì´ ì¥ì¹ì ê·¸ëí½ ì´íë¼ì´ì 를 구ííë ë° ì¬ì©ë ì ìì¼ë©°, íí° ìëµ íë¼ë¯¸í°ë¤ì íìíë©´ ì¡°ì¨ë ì ìëë¡ ëª
ìë ì ììµëë¤. ì´ ê¸ì ì´ë»ê² ì´ê²ì 구ííëì§, ê·¸ë¦¬ê³ ê°ë¨í ìì ë¡ ì´ë»ê² ì´ê²ì ì¬ì©íëì§ë¥¼ ì´í´ë´
ëë¤.
Web Audio API ììí기를 íë² ë´ ë´ ìë¤. ì°ë¦¬ë ëª ê°ì§ ê°ë ë¤ì ê°ëµíê² ì´í´ë³´ê³ , ê·¸ ë¤ìì ì¤ëì¤ í¸ëì ë¡ë, ì¬ì, ì ì§íê³ ë³¼ë¥¨ ë° ì¤í ë ì¤ í¨ëì ë³ê²½í ì ìë ê°ë¨í ì¹´ì¸í¸ íë ì´ì´ ìì 를 ê³µë¶í ê²ì ëë¤.
ì°½ìì ì¸ ì½ë를 ìì±í ë ì격íê² ì³ê±°ë í린 길ì ììµëë¤. ì¬ë¬ë¶ì´ ë³´ì, ì±ë¥, ì ê·¼ì±ì ê³ ë ¤íë í, ì¬ë¬ë¶ì ì¬ë¬ë¶ë§ì ì¤íì¼ì ì ìí ì ììµëë¤. ì´ ë¬¸ììì, ì°ë¦¬ë ëª ê°ì§ì ì¢ì ìµê´ë¤ â Web Audio API를 ê°ì§ê³ ìì íë ë° ìì´ìì ê°ì´ëë¼ì¸, í, ê·¸ë¦¬ê³ í¸ë¦ë¤ â ì ê³µì íê³ ì í©ëë¤.
Web Audio APIì ê°ì¥ í¥ë¯¸ë¡ì´ ê¸°ë¥ ì¤ íëë 주íì, íí, ê·¸ë¦¬ê³ ë¤ë¥¸ ë°ì´í°ë¤ì ì¤ëì¤ ìì¤ë¡ë¶í° ì¶ì¶í ì ìë ë¥ë ¥ì¸ë°, ì´ë ê·¸ë¦¬ê³ ëì ìê°ííë ë° ì¬ì©ë ì ììµëë¤. ì´ ê¸ì ì´ë»ê² ìê°í를 íëì§ ì¤ëª íê³ , 기ì´ì ì¸ ì¬ì© ë°©ë²ì ë ê° ì ê³µí©ëë¤.
ì¤ëì¤ê° ì´ë»ê² ì¬ë¬ë¶ì ì±ì íµí´ì ì ì¡(route)ëëì§ë¥¼ ì¤ê³íë ëì ì¬ë¬ë¶ì´ ì ì í ê²°ì ì ë´ë¦¬ë ê²ì ë기 ìí´, ì´ ë¬¸ìë Web Audio APIì 기ë¥ì´ ì´ë»ê² ëìíëê°ë¥¼ ë·ë°ì¹¨íë ì¼ë§ê°ì ì¤ëì¤ ì´ë¡ ì ì¤ëª í©ëë¤. ì´ ë¬¸ì를 ì½ëë¤ê³ í´ì ì¬ë¬ë¶ì´ ìë ¨ë ì¬ì´ë ìì§ëì´ê° ë ìë ìì§ë§, ì Web Audio APIê° ì´ë ê² ëìíëì§ë¥¼ ì´í´í기ì ì¶©ë¶í ë°°ê²½ì§ìì ì¤ ê²ì ëë¤.
Web Audio APIì ì¬ì´ë íë¡ì¸ì± (ê·¸ë¦¬ê³ ë¤ë¥¸ ê²ë¤) ì ê´ë²ìí ë¤ìì±ì´ ë§ì¹ ì¶©ë¶íì§ ìë¤ë ê²ì²ë¼, Web Audio APIë ëí 리ì¤ëê° ìì 주ììì ìì§ì¼ ë ì리ì ì°¨ì´ë¥¼ 모방í ì ìê² íë 기ë¥ì í¬í¨íê³ ììµëë¤. ê·¸ ììë¡ë 3D ê²ììì ìì 주ììì ìì§ì¼ ëì í¨ë 기ë¥ì ë¤ ì ììµëë¤. ì´ ê¸°ë¥ì ëí ê³µìì ì¸ ì©ì´ë spatialization(ê³µê°í)ì´ê³ , ì´ ê¸ì ì´ë»ê² ê·¸ë° ìì¤í ì 구ííëì§ì ëí 기ì´ë¥¼ ë¤ë£° ê²ì ëë¤.
ì´ ììµììì, ì°ë¦¬ë ì¬ì´ë ìì±ê³¼ ìì ë¿ë§ ìëë¼, íì´ë°ê³¼ ì¤ì¼ì¥´ë§ë ë¤ë£° ê²ì ëë¤. ì°ë¦¬ë ìí ë¡ë©, ì벨ë¡í, íí°, ì¨ì´ë¸ í ì´ë¸, 주íì ì¡°ì ì ìê°í ê²ì ëë¤. ë§ì½ ì¬ë¬ë¶ì´ ì´ ì©ì´ë¤ì ìµìíê³ Web Audio API ë´ììì ì´ê²ë¤ì ìì©ì ëí ì 문ì ì°¾ê³ ìë¤ë©´, ë§ë ì¥ìì ì¤ì ¨ìµëë¤.
ì´ ë¬¸ìë ë§ì°ì¤ë¥¼ ì¬ì©í´ íë ì´í ì ìë ë¹ëì¤ í¤ë³´ëì ë°ëª¨ì ì½ë를 ë³´ì¬ì¤ëë¤. ì´ í¤ë³´ëë íì¤ ííë¤ê³¼ ì¬ì©ì ì ì íí ì¤ìì ì íí ì ìë 기ë¥ì ì ê³µíê³ , í¤ë³´ë ìëì ìë 볼륨 ì¬ë¼ì´ë를 ì¬ì©íì¬ ë©ì¸ gainì ì ì´í ì ììµëë¤. ì´ ìì ë ë¤ìì Web API ì¸í°íì´ì¤ë¥¼ ì¬ì©í©ëë¤: AudioContext
, OscillatorNode
, PeriodicWave
, ê·¸ë¦¬ê³ GainNode
.
ì¬ë¬ë¶ì GitHubì webaudio-example ë í¬ì§í 리ìì ëª ê°ì ìì 를 ì°¾ì ì ììµëë¤.
ëª ì¸ ë¸ë¼ì°ì í¸íì± ê°ì´ 보기 ììµì/ê°ì´ë ë¼ì´ë¸ë¬ë¦¬RetroSearch is an open source project built by @garambo | Open a GitHub Issue
Search and Browse the WWW like it's 1997 | Search results from DuckDuckGo
HTML:
3.2
| Encoding:
UTF-8
| Version:
0.7.4