Чешское Радио как ИИ запрос
Примеры ИИ запросов
Чешское разговорное Интернет-Радио (для изучения Чешского языка)
ИИ Запрос (Техническое задание) для генерации веб страницы, ориентированной для просмотра на смартфоне
----------------------------------------------
Техническое задание (запрос на разработку)
Название задачи:
Разработка мобильной веб-страницы для прослушивания чешских интернет-радиостанций
Цель:
Создать легковесную, адаптивную веб-страницу на HTML + JavaScript, оптимизированную исключительно для вертикальной ориентации экрана смартфона, позволяющую пользователю выбирать и воспроизводить аудиопотоки с заданных интернет-радиостанций.
Требования к функционалу:
Поддерживаемые аудиопотоки:
Веб-страница должна предоставлять возможность воспроизведения следующих радиостанций:
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
Интерфейс управления:
Для каждой станции должны быть отдельные кнопки «Воспроизвести» и «Остановить» (или единая кнопка переключения Play/Pause).
При выборе новой станции текущее воспроизведение должно автоматически останавливаться.
Интерфейс должен быть интуитивно понятным и удобным для использования на сенсорных устройствах.
Отображение технической информации (по возможности):
Если технически реализуемо средствами JavaScript/HTML5, отображать доступные метаданные или технические параметры аудиопотока (например, статус загрузки, длительность — если доступна, наличие метаданных в формате ICY, битрейт и т.п.).
В случае невозможности получения параметров — не отображать ничего или показывать заглушку «Информация недоступна».
Адаптивность и ориентация:
Страница должна быть оптимизирована только под вертикальную (portrait) ориентацию экрана мобильных устройств.
Использовать метатег viewport для корректного масштабирования на смартфонах.
Запретить или игнорировать горизонтальную ориентацию (по возможности — предупреждать пользователя, если устройство перевернуто).
Технологический стек:
Только HTML5, CSS3 и чистый JavaScript (без внешних библиотек, таких как jQuery, React и т.д.).
Использовать стандартный <audio> элемент HTML5 для воспроизведения потоков.
Код должен быть кроссбраузерным (поддержка основных мобильных браузеров: Chrome, Safari, Firefox на Android и iOS).
Дополнительно:
Минималистичный, читаемый дизайн.
Быстрая загрузка (минимизация внешних ресурсов).
Поддержка работы в фоновом режиме (насколько позволяет браузер/ОС).
Результат выполнения:
Один HTML-файл, содержащий весь необходимый код (включая стили и скрипты), готовый к открытию локально или размещению на веб-сервере.
Comments
Post a Comment