语音波形（WaveSurfer）

灵感：能力工具箱 audio-wave（pkg: wavesurfer.js）。

把拜访录音画成波形：可看、可听、可点到某一秒，方便复盘沟通要点。

何时使用

• CRM 拜访记录附录音回放
• 质检/培训时快速定位片段
• 需要轻量波形 UI，不上沉重编辑器

硬约束

1. 依赖 wavesurfer.js；音频来自用户上传或已授权 URL（注意 CORS）。
2. 提供播放/暂停/停；点击波形跳转；展示当前时间与总时长。
3. 卸载组件时 destroy()，防泄漏。
4. 尊重隐私：默认不自动外传录音；页面卸载可停播。
5. 实现要点可标 小四原创。

实现要点（小四原创）

import WaveSurfer from 'wavesurfer.js'

// 小四原创：拜访录音波形
export function mountVisitWave(container: HTMLElement, url: string) {
  const ws = WaveSurfer.create({
    container,
    url,
    height: 64,
    waveColor: '#94a3b8',
    progressColor: '#2563eb',
    cursorWidth: 1,
  })
  return {
    playPause: () => ws.playPause(),
    destroy: () => ws.destroy(),
    getWs: () => ws,
  }
}

Agent 步骤

1. 安装 wavesurfer.js，封装 mountVisitWave。
2. 挂到拜访详情；自测播放与点击定位。
3. 路由离开调用 destroy。

附加

• README.md · templates/usage.md