feat: add media session action handlers for play and pause

[kovsu]

Description

PR Type

• Feature
• Bugfix
• Hotfix
• Other (please describe):

Linked Issues

Additional context

CleanShot.2024-12-31.at.14.41.37.mp4

Changelog

• I have updated the changelog/next.md with my changes.

[follow-reviewer-bot]

Thank you for your contribution. We will review it promptly.

[vercel]

@kovsu is attempting to deploy a commit to the RSS3 Team on Vercel.

A member of the Team first needs to authorize it.

[follow-reviewer-bot]

Suggested PR Title:

feat: add media session action handlers for playback control

Change Summary:
Added media session action handlers for play and pause functionality in CornerPlayer component, enhancing user interaction with media controls.

Code Review:

• apps/renderer/src/modules/player/corner-player.tsx:
  • Line 133-143: The useEffect hook does not include a dependency array. This means the effect will run after every render, which can lead to performance issues and potentially problematic behavior. Add an empty dependency array [] to ensure the effect only runs once after the initial render, or specify the necessary dependencies.

useEffect(() => {
  navigator.mediaSession.setActionHandler("play", handleClickPlay)
  navigator.mediaSession.setActionHandler("pause", handleClickPlay)

  return () => {
    navigator.mediaSession.setActionHandler("play", null)
    navigator.mediaSession.setActionHandler("pause", null)
  }
}, []) // Include the dependency array here

[follow-reviewer-bot]

Thank you @kovsu for your contribution! 🎉

Your pull request has been merged and we really appreciate your help in making this project better. We hope to see more contributions from you in the future! 💪