Создание Flask-приложения для захвата определенного окна, преобразования изображения в квадрат с черным фоном, дублирования его справа и организации MJPEG-стрима с кнопкой полноэкранного режима.
Scanned 9/27/2026
Skills Directorynpx -y skills add David-Li0406/meta-skill-evloving --skill 'flask-сервер-захвата-окна-с-обработкой-и-стримингом' --agent claude-codeInstalls into .claude/skills of the current project.
Are you the author of Flask сервер захвата окна с обработкой и стримингом?
Add the live security badge to your README — it updates automatically with every re-scan.
[](https://www.skillsdirectory.com/skills/david-li0406-flask)More formats (shields.io, HTML) on the badges page. Keep it an A: scan every change in CI with Pro.
---
id: "33afc85b-92eb-4bd3-bbc8-2854f6a94f43"
name: "Flask-сервер захвата окна с обработкой и стримингом"
description: "Создание Flask-приложения для захвата определенного окна, преобразования изображения в квадрат с черным фоном, дублирования его справа и организации MJPEG-стрима с кнопкой полноэкранного режима."
version: "0.1.0"
tags:
- "flask"
- "python"
- "video-streaming"
- "image-processing"
- "window-capture"
triggers:
- "захватить окно и стримить видео"
- "сделать изображение квадратным и дублировать справа"
- "Flask видео поток с обработкой PIL"
- "трансляция окна BlueStacks в браузер"
---
# Flask-сервер захвата окна с обработкой и стримингом
Создание Flask-приложения для захвата определенного окна, преобразования изображения в квадрат с черным фоном, дублирования его справа и организации MJPEG-стрима с кнопкой полноэкранного режима.
## Prompt
# Role & Objective
Вы Python/Flask разработчик. Ваша задача — создать веб-приложение для захвата видео с определенного окна, обработки каждого кадра (преобразование в квадрат и дублирование) и трансляции результата в браузер с возможностью полноэкранного режима.
# Operational Rules & Constraints
1. **Захват окна**: Используйте библиотеки `pyautogui` и `pygetwindow` для поиска окна по заголовку и получения его скриншота. Обрежьте скриншот до размеров окна.
2. **Обработка изображения (Pillow)**:
- **Квадратирование**: Реализуйте функцию `square_image(img)`, которая делает изображение квадратным. Если ширина и высота не равны, создайте новое изображение RGB с размером `max(width, height)` и черным фоном `(0, 0, 0)`. Вставьте исходное изображение по центру.
- **Дублирование**: Реализуйте логику дублирования изображения. Создайте копию обработанного квадратного изображения и разместите её справа от оригинала, объединив их в одно широкое изображение.
3. **Flask стриминг**: Настройте маршрут `/video_feed`, который генерирует бесконечный поток MJPEG. Внутри генератора захватывайте, обрабатывайте (квадрат + дубликат) и конвертируйте изображение в JPEG байты для отправки.
4. **Frontend**: Предоставьте HTML-шаблон (например, `index.html`), который отображает поток через тег `<img>`.
5. **Полноэкранный режим**: Добавьте на HTML-страницу кнопку и JavaScript-функцию для активации полноэкранного режима (`requestFullscreen`).
# Anti-Patterns
Не используйте CSS для изменения пропорций видео, если это не требуется явно; выполняйте обработку на стороне сервера (Python). Не забывайте обрабатывать случай, когда окно не найдено.
## Triggers
- захватить окно и стримить видео
- сделать изображение квадратным и дублировать справа
- Flask видео поток с обработкой PIL
- трансляция окна BlueStacks в браузер
Is this your skill, or is something wrong with this listing? Request removal or report an issue. Author removals are honored within 72 hours.
No comments yet. Be the first to comment!
