ComfyUI и API: Создаем приложение для генерации изображений [Live Coding], скачать в хорошем качестве

ComfyUI и API: Создаем приложение для генерации изображений [Live Coding],

В этом видео мы продолжаем разбирать работу с ConfiUI. Сегодня мы будем разрабатывать собственное приложение, используя API. Видео ориентировано на тех, кто хочет автоматизировать генерацию изображений или освоить работу с ConfiUI на продвинутом уровне. В видео рассмотрено: ✅ Установка и настройка ConfiUI ✅ Подключение через API ✅ Пошаговое создание структуры приложения ✅ Примеры кода и работа в режиме Live Coding ℹ️ Исходные коды к этому видео: https://github.com/easy-linux/comfyUi... Таймкоды: 00:30 Введение. 01:27 Инициализация проекта 03:18 Создаем конфигурационный файл для vitejs 05:10 Удаляем лишнее из проекта 06:00 Очистка index.html файла 06:30 Пишем базовую структуру пользовательского интерфейса 08:23 Заготовка web компонента для вывода результатов генерации 09:46 Импорт web компонента в main файле 10:30 Добавляем каталог для шаблонов и шаблон 13:31 Добавляем файл констант и некоторые константы 15:25 Добавляем модуль управления шаблонами 17:43 Добавляем модуль для управления сессиями 18:15 Модуль utils 19:03 Модуль работы с сессиями 19:43 Модуль для работы с web socket 25:58 Модуль работы с заданиями (jobs) 28:43 Добавляем работу с очередью заданий в модуль веб сокета 31:01 Добавляем выбор формы и механизм ее загрузки. 37:00 Обработка отправки данных формы 38:02 Заготовка обработки формы генерации изображения 40:29 Добавление scss стилей 42:43 Первый запуск приложения 43:03 Добавление начальной инициализации приложения 44:05 Добавление обработчика для событий веб компонента 45:17 Запуск ComfyUI для работы через API 46:11 Пишем файл с функциями для взаимодействия с API 50:03 Подписка на события о ходе генерации 50:38 Как создать payload запроса из workflow ComfyUI 52:23 Формирование запроса на генерацию изображения 56:40 Обработка полученных с сервера данных 57:50 Пишем содержимое веб компонента для отображения результата генерации 01:10:18 Проверяем работоспособность приложения и исправляем ошибки. 01:21:25 Исправление запроса, для получения файла с помощью веб сокет 01:22:46 Исправление ошибки скачивания полученного изображения 01:23:38 Исправляем стили для результата генерации 01:24:56 Заключение 🔔 Подписывайтесь на канал, чтобы не пропустить новые видео по ConfiUI и другим полезным инструментам! 💎 Сериал "Создание SPA приложения на чистом JS":    • SPA приложение на чистом JS - часть 1 #eas...   💎 Полезные видео для лучшего понимания JS: Стрелочные функции 1 -    • Стрелочные функции | Arrow functions   Стрелочные функции 2 -    • Особенности стрелочных функций  #easyit #n...   Макро и микро задачи -    • Макро и Микро задачи в JavaScript  #easyit...   Web worker -    • Web worker  - как распараллелить вычислени...   Service worker -    • Service worker  - управление обработкой за...   Debouncing/throttling -    • Debouncing/Throttling - разгрузка обработч...   💎 Видео по работе с vite.js:    • Знакомимся с Vitejs. Портирование проекта,...   💎 Полезные видео по настройке webpack: Минимальная конфигурация -    • Настраиваем сборку проекта с помощью webpack   Настройка горячей перезагрузки -    • Webpack 5 Настройка горячей перезагрузки |...   Настройка сборки проекта с подгрузкой файлов css/scss/изображений -    • Webpack 5 Настройка сборки проекта с подгр...   Настройка сборки мультистраничного сайта -    • Пример конфигурации сборки мульти-страничн...   💎 Самый простой способ установить nodejs на Linux и Mac:    • Установка Nodejs на Linux и MacOS.   #easyit #javascript #js #vanillajs @EasyITChannel ​