HumMelodyInput

/hum-to-song 的旋律来源区。真实页面里它放在 AudioDropZone 的 selected 插槽中,这里只摆状态,按钮不接逻辑。

实时波形(模拟麦克风)

Allow microphone access

0:00 / 1:00

空态

录音、上传两个入口等大;手机上(视口 < 640px)叠成两条横排。

One unaccompanied melody · 0.5–60 seconds

空态 · 文件拖在上方

One unaccompanied melody · 0.5–60 seconds

空态 · 出错

错误行顶替提示行的位置。

Use a humming recording between 0.5 and 60 seconds.

等麦克风授权

与录音中同一副骨架,全部是灰的;停止键禁用。

Allow microphone access

0:00 / 1:00

录音中 · 0:08

没有麦克风时舞台是空的,波形看上面的模拟。

Recording

0:08 / 1:00

录音中 · 最后 10 秒

计时变红,容量条接近填满。

Recording

0:54 / 1:00

已有旋律 · 录音(8 秒)

Recorded melody0:08

0:08

已有旋律 · 录音(60 秒)

柱数跟舞台宽度走,长短录音的柱子一样粗。

Recorded melody1:00

1:00

已有旋律 · 上传的文件

解码出电平之前(或解码失败)波形位是一条基线。

kitchen-hum-voice-memo-october.m4a0:14 · 1.20 MB

0:14