Как мы внедрили Виртуальную примерочную в Telegram-бота с помощью мини-приложений

Telegram — это не просто мессенджер. Это платформа, где каждый может создать нечто уникальное, будь то чат-бот для развлечений, инструмент для бизнеса или полноценная экосистема сервисов. А благодаря недавнему внедрению мини-аппов функционал почти неограничен.

Как мы внедрили Виртуальную примерочную в Telegram-бота с помощью мини-приложений

Сегодня я хочу рассказать о нашем проекте — Telegram-боте ChatGPT Combo, где мы добавили поддержку множества ИИ, включая ИИ в мини-приложениях. Больше всего довольны как раз последними – внедрением Виртуальной примерочной с помощью мини-приложения нативно прямо в бот на базе нейросети Kling.

Это не рекламный пост, мы хотим поделиться именно опытом разработки мини-приложений нативно в Телеграм, чтобы популяризировать в массы столь простой и удобный способ обмена контентом. Мы на самом деле верим, что со временем большинство ботов полностью перейдут на постоянное использование мини-аппов.

Пример мини-приложений в Telegram
Пример мини-приложений в Telegram

Зачем Telegram и почему мини-приложения

С каждым годом Telegram становится все более мощной платформой для разработки. Мини-приложения, которые Telegram официально поддерживает с 2021 года, — это не просто тренд, а будущее взаимодействия с пользователями.

Они позволяют:

  • Создавать удобные и быстрые интерфейсы внутри Telegram, которые выглядят как нативные приложения.
  • Интегрировать сложные процессы, такие как обработка данных или работа с ИИ, в интуитивно понятной форме.
  • Упрощать доступ к функционалу — пользователям не нужно скачивать отдельное приложение или проходить регистрацию.

Именно поэтому все известные Телеграм-боты начали их использовать. Вы скорее всего знаете хотя бы один, самый популярный за последнее время – Humster Kombat. Поэтому для нас было очевидно, что такой инструмент идеально подходит для реализации сложных ИИ-сервисов.

Humster Kombat в мини-приложении
Humster Kombat в мини-приложении

Какие нейросети удалось внедрить в формат чат-бота

Наш бот — это хаб возможностей. Он объединяет прямо десятки нейросетей:

  • Suno и Udio — генерация музыки.
  • Kling и Luma — обработка изображений и видео.
  • ChatGPT — всем известный и понятный интеллектуальный чат.
  • BG Remover — автоматическое удаление фона на фото.
  • Upscaler — увеличение качества фото
  • Midjourney и Dalle — генерация изображений.
  • TTS (Text-to-Speech) — преобразование текста в речь.

Каждую из этих технологий можно использовать прямо в чате, отправляя команды боту. Но одной из главных фишек стало наше мини-приложение с Виртуальной примерочной.

Виртуальная примерочная: что это и как работает

Виртуальная примерочная — это уникальный инструмент на базе нейросети Kling. Она позволяет:

  • Загрузить фото человека. Нужно фото, на котором полностью видна нужная часть тела, или фото в полный рост
  • Добавить фото одежды. Например, вы нашли классное платье в интернете, но не уверены, как оно будет выглядеть на вас.
  • Получить фото-результат. Нейросеть подстраивает одежду под фигуру человека, создавая реалистичное изображение.
  • Анимировать результат. Одной кнопкой пользователь может создать видео, где человек “покрутится”, показывая одежду со всех сторон.
Виртуальное приложение
Виртуальное приложение

Как мы разрабатывали мини-приложение

Создание мини-приложения — это сложный, но интересный процесс. Вот какие этапы были у нас:

  • Проектирование UX/UI: Нам нужно было сделать приложение максимально простым. Все действия — от загрузки фото до получения результата — должны выполняться в несколько кликов и в понятном интерфейсе — с этим помог конструктор ботов Puzzlebot с его готовыми дизайн-шаблонами мини-приложений. Мы также добавили подсказки, чтобы пользователи могли быстро разобраться с функционалом.
  • Интеграция нейросети Kling: Основной вызов — обеспечить быструю обработку изображений. Для этого мы использовали API Kling, который обрабатывает фото в режиме реального времени с помощью того же удобного плагина от Puzzle AI. Для анимации мы оптимизировали модели, чтобы минимизировать время генерации видео.
  • Работа с Telegram Web Apps: Telegram предоставляет готовые инструменты для создания мини-приложений. Мы использовали их SDK, чтобы интеграция с ботом была максимально плавной. Также добавили открытие аппа по одной кнопке после вызова команды.
  • Тестирование: Мы провели несколько этапов тестирования: сначала внутри команды, затем с помощью фокус-группы. Это помогло выявить баги и улучшить UX. С помощью этого, например, смогли выяснить, что сначала пользователю удобнее загружать фото человека, а не одежды.

Почему мини-аппы стали трендом

Мини-приложения — это не просто новый способ взаимодействия, это возможность менять подход к созданию сервисов:

  • Удобство для пользователей. Все происходит внутри Telegram, без необходимости скачивать сторонние приложения.
  • Инновации. Вы можете интегрировать самые современные технологии и делать их доступными широкой аудитории – ведь все происходит по API, и по своей сути не отличается от обычного сайта.
  • Гибкость. Мини-приложения легко адаптируются под разные задачи: от развлечений до бизнеса и сильно удобнее для пользователей, чем ввод команд в чате.
Пример интеграции Wallet в Telegram
Пример интеграции Wallet в Telegram

Мини-приложения в Telegram стали трендом, потому что они предлагают удобство использования прямо в чате, интегрируются с большой аудиторией мессенджера, предоставляют разнообразие функций и создают новые возможности для бизнеса. Пользователи могут делиться этими приложениями, что способствует их популярности и распространению.

Что дальше?

Telegram — это отличная платформа для внедрения ИИ. Но на этом мы не остановимся. В планах — добавление новых мини-приложений и развитие функционала существующих. А если у вас есть идея для нового мини-приложения — можете написать нам, возможно, мы создадим его

11
1 комментарий

Виртуальная примерочная в боте — это будто шаг к миру, где шопинг становится не просто удобным, а какой-то игрой...

1