Czech Internet Radio (for learning the Czech language) AI Request (Technical Specification) for Generating a Web Page Optimized for Viewing on a Smartphone --------------------------------------------- Technical Specification (Development Request) Task Name: Develop a Mobile Web Page for Listening to Czech Internet Radio Stations Objective: Create a lightweight, responsive HTML + JavaScript web page optimized exclusively for vertical smartphone screen orientation, allowing the user to select and play audio streams from specified internet radio stations. Functionality Requirements: Supported Audio Streams: The webpage must support playback of the following radio stations: CRo Radiozurnal: https://rozhlas.stream.cz/radiozurnal-128.mp3 CRo Plus: https://rozhlas.stream.cz/plus-128.mp3 CRo Dvojka: https://rozhlas.stream.cz/dvojka-128.mp3 CRo Radio Prague International: https://rozhlas.stream.cz/prague-international-128.mp3 Evropa 2: https://evropa2.stream.cz/evropa2-128.mp3 Control Interface: Each station must have separate Play and Stop buttons (or a single Play/Pause button). When selecting a new station, the current playback must automatically stop. The interface must be intuitive and easy to use on touch devices. Displaying technical information (if possible): If technically feasible using JavaScript/HTML5, display available metadata or technical parameters of the audio stream (e.g., loading status, duration (if available), presence of metadata in ICY format, bitrate, etc.). If parameters cannot be retrieved, display nothing or show a placeholder stating "Information not available." Responsiveness and Orientation: The page should be optimized only for the portrait orientation of mobile devices. Use the viewport meta tag for correct scaling on smartphones. Disable or ignore horizontal orientation (if possible, warn the user if the device is rotated). Tech Stack: Only HTML5, CSS3, and pure JavaScript (no external libraries such as jQuery, React, etc.). Use the standard HTML5