Documentation Index
Fetch the complete documentation index at: https://cometchat-22654f5b-react-uikit-v7.mintlify.app/llms.txt
Use this file to discover all available pages before exploring further.
AI Integration Quick Reference
AI Integration Quick Reference
| Field | Value |
|---|---|
| Plugin ID | audio |
| Package | @cometchat/chat-uikit-react |
| Message Types | audio |
| Message Categories | message |
| Included by Default | Yes |
| Bubble Component | CometChatAudioBubble |
| Conversation Preview | Audio |
| Context Menu | React, Reply, Reply in Thread, Info, Delete, Report, Mark Unread, Message Privately |
Overview
The Audio plugin handles messages of typeaudio in category message. It renders an audio player with waveform visualization (via WaveSurfer.js), play/pause controls, duration display, and a download button.
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
| Target | Selector |
|---|---|
| Bubble root | .cometchat-audio-bubble |
| Waveform container | .cometchat-audio-bubble__waveform |
| Play/pause button | .cometchat-audio-bubble__play-button |
| Duration text | .cometchat-audio-bubble__duration |
| Download button | .cometchat-audio-bubble__download |
| Caption | .cometchat-audio-bubble__caption |