builder icon indicating copy to clipboard operation
builder copied to clipboard

Sound Edit

Open nighca opened this issue 1 year ago • 1 comments

  • 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

nighca avatar May 07 '24 09:05 nighca

Image

SoundRecorder 交互逻辑:

  • 初始状态下波形图上存在一个初始的“选取范围”,范围两端的抓手可以被拖动,以调整选取范围

  • 初始状态下音量滑杆处于中间(代表当前音量),最左侧代表音量 0,最右代表音量 2

    0、1、2 等具体数值的效果与 GainNode.gain 一致

  • 音量调整完成(鼠标拖动滑杆移动并将按键松开)后,基于初始音频按比例调整音量,且结果应当会反映到波形的振幅上

    但不影响波形图上的选取范围(如果当前已有选取范围的话)

  • 每次选取范围调整完成,或音量调整完成,都会自动触发对选取范围的播放

  • 点击“Save”会使用当前的“选取范围”+“音量”对应处理后的音频内容作为结果提交

Image

SoundEditor 交互逻辑:

  • 初始状态下波形图、滑杆状态与 SoundRecorder 中一致,“Cancel”、“Save”按钮不可见
  • 波形图及滑杆交互逻辑与 SoundRecorder 中一致
  • 一旦发生选取范围调整,或音量调整,“Cancel”、“Save”按钮变为可见
  • 点击 Cancel 会将当前调整信息(范围 & 音量)丢弃,并恢复初始状态
  • 点击 Save 会使用当前的“选取范围”+“音量”对应处理后的音频内容代替当前 Sound 中原来的音频内容,并将界面恢复初始状态

nighca avatar May 16 '24 06:05 nighca