Audio player UI missing duration and progress bar during playback #988
Description
Describe the bug
On Chatwoot Android, when I play an audio message, the audio player UI does not render correctly: the duration/time, the progress bar/seek slider, and other playback details are missing/blank. Only the play/pause icon and the message bubble are shown.
This makes it hard/impossible to know the audio length or current progress while listening.
To Reproduce
- Open the Chatwoot mobile app (Android)
- Open any conversation that contains an audio message (voice note)
- Tap Play
- Observe the audio player UI while it is playing
Repro rate: [Always / Often / Sometimes]
Expected behavior
- The audio message should display:
- total duration (e.g.
00:12) - current playback time (e.g.
00:03) - a progress bar/seek slider that moves while playing
- total duration (e.g.
Screenshots
(Example screenshot attached in this issue.)
Observed behavior
- Audio plays, but:
- duration/time is not displayed
- progress bar/seek slider is not visible or does not update
- the player area looks blank (only play/pause + bubble)
No explicit error message is shown.
Environment
- Chatwoot installation: Self-hosted
- Device Name: Samsung Galaxy S23 FE
- OS Version: Android 16
- Chatwoot App Version: 4.3.10 (5180183)
- Chatwoot Server Version: 4.8.0
- Message source/channel: API (Evolution API)
- Network: Wi-Fi || 4G
Additional context
- Does this happen with:
- all audio messages
- only WhatsApp/Evolution API voice notes
- only some conversations/inboxes
- If needed, I can provide a sample message payload / attachment metadata for the audio file.
Possible fixes
This looks like the audio player UI is not receiving/deriving duration/progress metadata (or the component is not updating state while playing). Possible areas to check:
- audio player component state updates for
currentTime/duration - attachment metadata parsing (duration, content-type, file URL)
- UI rendering when metadata is missing (should still show a fallback timer/progress)