[✨ FEATURE]: Add Recording Preview Window Self Test

[saltykheera]

Feature Description 📝

Once the record button is clicked, a window should appear in the top right corner, providing a preview of what the camera is recording.

Motivation 🌟

Currently, when the record button is clicked, the only indication is the change of the button icon from a camera to a red square. This does not provide a clear direction of what is being recorded. Users may have multiple cameras, and it is important to ensure they know which camera is active. Adding a preview window will give a visual confirmation of the recording, enhancing user experience and reducing confusion.

Expected Behavior 🤔

1. Upon clicking the record button, a small preview window appears in the top right corner of the screen.
2. The preview window shows the live feed from the camera that is being recorded.
3. The window should remain visible for the duration of the recording and disappear once the recording stops.

Additional Information ℹ️

The preview window should be resizable and draggable for user convenience.
Consider adding an option to switch between available cameras if the user has multiple cameras connected.

1. Ensure the implementation does not interfere with the main functionality of the application and maintains a smooth user experience.

[saltykheera]

current state

screen-recorder-fri-jul-26-2024-17-48-04.webm

Future State

screen-recorder-fri-jul-26-2024-18-06-20.webm

[saltykheera]

@jvJUCA what do you think about this feature request ?

[monyishh]

@saltykheera may i work on it i am a newbie and little help could be wanted.

[saltykheera]

@saltykheera may i work on it i am a newbie and little help could be wanted.

i am working on this issue and
all the issue i have author
fell free to pick another issue