bug:Mute Button (M Key) Displays Incorrect State Compared to Actual Audio Behavior

[armaansharma-dev]

Title

Mute Button (M Key) Displays Incorrect State Compared to Actual Audio Behavior

Description

When using the keyboard shortcut "M" in the course lecture player, the visual mute/unmute indicator does not match the actual audio state. The icon updates, but the sound behavior is reversed.

Steps to Reproduce

1. Open any lecture in the course player
2. Press the "M" key to mute
3. Observe the mute icon and listen to audio
4. Press "M" again to unmute
5. Observe the icon and audio behavior again

Expected Behavior

• Pressing "M" should mute the audio and show a muted icon
• Pressing "M" again should unmute the audio and show an unmuted icon
• The icon and actual audio state should always match

Actual Behavior

• First press:
  • Icon shows muted, but audio continues playing
• Second press:
  • Icon shows unmuted, but audio becomes muted

Impact

• Creates confusion for users
• Reduces usability of keyboard shortcuts
• Breaks expected interaction pattern for media players

Environment

• Browser: [Chrome]
• Version: [146.0.7680.155 (Official Build) (64-bit)]

Additional Notes

• The button press is being registered correctly
• Likely a mismatch between UI state and audio state logic (possibly inverted toggle)

[armaansharma-dev]

I checked the "M" key handler in cms/src/components/videoPlayer2.tsx and it toggles audio via player.volume().

This may cause the mismatch since the UI likely depends on muted state. I plan to switch this to player.muted() and ensure consistent behavior between keyboard and UI, or look even deeper for the exact breakdown point.