Media Control Interface - Copy this Html, Tailwind Component to your project

Design a central playback control UI for managing media playback across multiple devices. Provide playback buttons (play, pause, stop) prominently at the top, along with toggle options for ‘Live Streaming’ and ‘Local Playback’ modes. Each connected device should display below in a grid with individual controls for adjusting screen ratios and orientations. Use visual feedback for live streaming (e.g., a red 'live' indicator) and simple toggles. Create an intuitive, responsive layout that is easy to control and quickly identifies active media status.