Skip to main content

​
Overview

The Audio plugin handles messages of type audio in category message. It renders an audio player with waveform visualization (via WaveSurfer.js), play/pause controls, duration display, and a download button.
Live Preview — interact with the audio message bubble.Open in Storybook ↗

​
Bubble Rendering

  • Waveform player — WaveSurfer.js-powered waveform visualization with play/pause toggle
  • Duration — displays total duration and current playback position
  • Download button — download with progress indicator
  • Multiple audio files — expand/collapse list
  • Caption — rendered below the player, formatted with text formatters
  • Pending state — renders from local blob URL while uploading

​
Context Menu Options

Same as Image Plugin — standard media options (React, Reply, Reply in Thread, Info, Delete, Report, Mark Unread, Message Privately).

​
Conversation Preview

Returns: Audio (localized via conversation_subtitle_audio key)

​
CSS Selectors