# 声音的三要素 - Three Elements of Sound

交互式探索音调(基频)、响度(振幅)和音色(谐波)

> 标准页面: https://elysiatools.com/zh/visualizations/three-elements-sound

- **分类:** Physics

## 概述

Interactive visualization of the three elements of sound: pitch (音调), loudness (响度), and timbre (音色). Features pitch control via fundamental frequency f₀ (100-1000 Hz) showing wave density changes, loudness control via amplitude A with sound level calculation L = 20log₁₀(A/A₀) dB, and timbre switching between sine wave (纯音), square wave (方波), sawtooth wave (锯齿波), and piano sound (钢琴声) with different harmonic structures. Real-time dual-canvas visualization: (1) Time-domain waveform display showing actual audio from Web Audio API or theoretical waveform based on parameters; (2) Frequency-domain spectrum display using FFT analysis showing harmonic components and frequency distribution. Web Audio API integration: real-time sound generation and playback with oscillator nodes for basic waveforms and multi-oscillator piano simulation with 8 harmonics (1, 0.5, 0.3, 0.2, 0.1, 0.05, 0.03, 0.02). Visual feedback: pitch → waveform density (高频密集/低频稀疏), loudness → waveform amplitude (振幅大时波形高), timbre → waveform shape and harmonic distribution. Preset controls: frequency presets (low 220 Hz, mid 440 Hz, high 880 Hz), amplitude presets (soft 0.2, medium 0.5, loud 0.8), and musical note display (e.g., A4 for 440 Hz). Educational content covers fundamental frequency and pitch perception (音调由基频决定), amplitude and sound level in decibels (响度由振幅决定, L = 20log₁₀(A/A₀) dB), timbre and harmonic composition (音色由谐波组成决定), time-domain vs frequency-domain analysis (时域波形与频域频谱的傅里叶变换关系), and practical applications: music production and audio engineering (EQ调整音色), speech recognition (语音识别中的音调和音色特征提取), acoustic design (音乐厅和录音棚声学设计), hearing aids and cochlear implants (助听器频率和响度调节), music therapy (音乐治疗中的心理效应), sound synthesizers (声音合成器创造各种音色), telecommunication bandwidth compression, and noise control analysis. Multi-language support (zh, en, es, fr, de, ru, pt).

## 相关内容

- [零级反应 - Zero-Order Reaction](https://elysiatools.com/zh/visualizations/zero-order-reaction): 零级反应动力学和浓度随时间变化的交互式可视化
- [一级反应 - First-Order Reaction](https://elysiatools.com/zh/visualizations/first-order-reaction): 一级反应动力学和指数浓度衰减的交互式可视化
- [二级反应 - Second-Order Reaction](https://elysiatools.com/zh/visualizations/second-order-reaction): 二级反应动力学和双分子碰撞动力学的交互式可视化
- [阿伦尼乌斯方程 - Arrhenius Equation](https://elysiatools.com/zh/visualizations/arrhenius-equation): 温度对反应速率影响的交互式可视化 - 探索活化能、指数因子和速率常数的关系
- [可逆反应 - Reversible Reaction](https://elysiatools.com/zh/visualizations/reversible-reaction): A ⇌ B 可逆反应动力学的交互式可视化 - 探索正逆反应速率、平衡常数和浓度随时间的变化
- [连续反应 - Consecutive Reaction](https://elysiatools.com/zh/visualizations/consecutive-reaction): A → B → C 连续反应动力学的交互式可视化 - 探索中间物浓度峰值、决速步和所有物种的完整演化
- [链式反应 - Chain Reaction](https://elysiatools.com/zh/visualizations/chain-reaction): 自由基链式反应聚合的交互式可视化 - 探索引发、增长、终止步骤，链增长动画和分子量分布
- [勒夏特列原理 - Le Chatelier's Principle](https://elysiatools.com/zh/visualizations/le-chateliers-principle): 勒夏特列原理的交互式可视化 - 探索浓度、压强和温度变化如何影响化学平衡，配合分子动力学动画展示平衡移动过程