We've observed an issue where the animation of the record icon, which indicates music playback, resets to its default (non-playing) state after the page is refreshed. While the music continues to play and other play states (track progress, play/pause status) are preserved across refreshes, the visual cue provided by the record icon animation does not reflect this continuity. This inconsistency can confuse users into thinking their music has stopped playing.
Steps to Reproduce
Start music playback on the web app, noting the animated record icon indicating the current play status.
Refresh the page or navigate to another section that triggers a refresh.
Notice that, despite the music continuing to play, the record icon's animation has stopped, defaulting back to its non-animated state.
Expected Behavior
The record icon's animation should consistently reflect the music's play state across page refreshes or navigation actions. If the music continues to play after a refresh, the record icon should remain animated to visually indicate ongoing playback.
Actual Behavior
After a page refresh, the record icon animation resets to its default state, even though the music playback continues uninterrupted. This visual inconsistency can mislead users about the playback status.
Environment
Platform Version: 1.2.3
Operating System: All
Browsers: Chrome 88, Firefox 85, Safari 14
Additional Context
The record icon serves as an important visual feedback mechanism for playback status. Ensuring its animation accurately reflects the current state of music playback is crucial for a coherent user experience.
Suggested Fix
Implement a check upon page load to determine if music is currently playing. If so, trigger the record icon's animation to resume, aligning with the audio playback status.
Consider storing playback status flags in the user's session or local storage that can be referenced to maintain UI consistency through navigation or refresh actions.
Ensure the solution is robust across all supported browsers and does not impact the loading performance of the site.
Description
We've observed an issue where the animation of the record icon, which indicates music playback, resets to its default (non-playing) state after the page is refreshed. While the music continues to play and other play states (track progress, play/pause status) are preserved across refreshes, the visual cue provided by the record icon animation does not reflect this continuity. This inconsistency can confuse users into thinking their music has stopped playing.
Steps to Reproduce
Expected Behavior
The record icon's animation should consistently reflect the music's play state across page refreshes or navigation actions. If the music continues to play after a refresh, the record icon should remain animated to visually indicate ongoing playback.
Actual Behavior
After a page refresh, the record icon animation resets to its default state, even though the music playback continues uninterrupted. This visual inconsistency can mislead users about the playback status.
Environment
Additional Context
The record icon serves as an important visual feedback mechanism for playback status. Ensuring its animation accurately reflects the current state of music playback is crucial for a coherent user experience.
Suggested Fix