Build a voice note testimonial player with Tailwind CSS: a card with the customer's avatar and name, a waveform bar that fills as playback progresses, play/pause and skip controls, a playback speed toggle, and a scrollable transcript below that highlights the line currently being spoken. Keep the waveform CSS-drawn, default the transcript to visible, and label the clip as a real customer recording.
提示词保持英文原文——直接粘贴进 Claude、Cursor、v0 或任何 AI 编程工具即可使用。