Feature Request: Show Video in Sidebar on Hover with Pinning Option

[logicsec]

Description:

I would like to propose a new feature to improve the media controls in the sidebar. Currently, we detect whether the media source is audio or video. I believe we could enhance the user experience by showing the actual video within the sidebar, with a hover-to-reveal feature and the option to pin the video view.

Feature Details:

• Default State: The sidebar will remain collapsed by default, showing only the media controls (title, artist, progress bar, etc.).
• On Hover: When the user hovers over the collapsed sidebar, the video content will be revealed, allowing users to preview the video.
• Pin Option: Provide an option to pin the hover preview so the video remains visible even after the hover action ends.

Benefits:

• Improved user experience for users who want to keep track of media content while interacting with other tabs or applications.
• More intuitive interface for switching between audio and video sources, without losing context of the current media.
• Enhanced media control options with the ability to toggle video preview visibility.

Technical Details:

• Since we are already detecting whether the media source is a video or audio, we can use that information to decide when to show the video element.
• The hover-to-reveal functionality can be triggered using a CSS hover effect or JavaScript event listeners.
• The pin feature can be implemented by adding a toggle button that enables or disables the hover state.

Possible Next Steps:

• Implement the hover-to-reveal feature with proper CSS and media detection logic.
• Add a toggle for pinning the video preview within the sidebar.
• Ensure the video plays only when hovered or pinned, and pauses when the hover state is no longer active.

Additional Context:

This feature would enhance the media controls within the sidebar, providing a better multi-tasking experience without needing to leave the current page or context.