builder
builder copied to clipboard
Sound Edit
- Simple sound editor in
SoundEditor - Simple editing after recording in
SoundRecorder
Editing-features include:
- Turn up/down the volume
- Crop the sound by selecting a range on the sound wave
SoundRecorder 交互逻辑:
-
初始状态下波形图上存在一个初始的“选取范围”,范围两端的抓手可以被拖动,以调整选取范围
-
初始状态下音量滑杆处于中间(代表当前音量),最左侧代表音量 0,最右代表音量 2
0、1、2 等具体数值的效果与
GainNode.gain一致 -
音量调整完成(鼠标拖动滑杆移动并将按键松开)后,基于初始音频按比例调整音量,且结果应当会反映到波形的振幅上
但不影响波形图上的选取范围(如果当前已有选取范围的话)
-
每次选取范围调整完成,或音量调整完成,都会自动触发对选取范围的播放
-
点击“Save”会使用当前的“选取范围”+“音量”对应处理后的音频内容作为结果提交
SoundEditor 交互逻辑:
- 初始状态下波形图、滑杆状态与 SoundRecorder 中一致,“Cancel”、“Save”按钮不可见
- 波形图及滑杆交互逻辑与 SoundRecorder 中一致
- 一旦发生选取范围调整,或音量调整,“Cancel”、“Save”按钮变为可见
- 点击 Cancel 会将当前调整信息(范围 & 音量)丢弃,并恢复初始状态
- 点击 Save 会使用当前的“选取范围”+“音量”对应处理后的音频内容代替当前 Sound 中原来的音频内容,并将界面恢复初始状态