MMITIN DEVРАЗРАБОТКА ДЛЯ БИЗНЕСА
Реальный проект

ГОТОВЫЙ ПРОЕКТ · 04

Скажи наоборот

Голосовая онлайн-игра на двоих

Запись и обработка аудио, онлайн-дуэли и Telegram Mini App

  • WEB GAME
  • AUDIO
  • TELEGRAM
  • REAL-TIME
  • YANDEX CLOUD
Открыть проект
Реальный интерфейс проекта Скажи наоборот
РЕАЛЬНЫЙ ИНТЕРФЕЙССкажи наоборот
01 · Задача

Превратить работу со звуком в совместную игру

Создать голосовую игру на двоих с необычной механикой: первый игрок произносит фразу, второй пытается повторить её звучание задом наперёд, а приложение снова разворачивает запись и воспроизводит результат.

Предусмотреть игру на одном устройстве и приватные онлайн-дуэли с подключением второго игрока по ссылке.

02 · Что было разработано

Браузерный продукт с аудио и Telegram-интеграциями

Адаптивный мобильный интерфейс, запись и обработка голоса в браузере, локальная игра и онлайн-комнаты. Backend поддерживает игровые сессии и временные аудиофайлы.

Telegram Mini App и Telegram-бот дополняют веб-игру. После прохождения игры пользователь получает сюрприз и знакомится с возможностями Сонграйтера.

03 · Основные функции

Сказал → услышал наоборот → повторил → развернул → слушаем

На одном устройстве игроки передают телефон друг другу и по очереди проходят раунды. В онлайн-дуэли создаётся приватная комната и invite-ссылка: второй игрок подключается со своего устройства.

Запись голоса, обработка и разворот аудио, синхронизация двух игроков, смена ролей, несколько игровых этапов и восстановление игровой сессии после обновления страницы.

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

Аналитика охватывает посещения, клики, запуск и завершение игры, локальную и онлайн-дуэль, создание комнат, переходы в Telegram и Сонграйтер, а также статистику Telegram-бота.

04 · Архитектура / технологии

Аудио в браузере, игровые сессии на backend

React, TypeScript и Vite — интерфейс приложения. Web Audio / MediaRecorder — запись голоса и обработка аудио в браузере.

FastAPI, PostgreSQL, Object Storage и Yandex Cloud — backend и облачная инфраструктура. Telegram Bot и Telegram Mini App — интеграции с Telegram.

05 · Сложные технические решения

Два игрока и последовательность аудиоэтапов

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

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

Локальный сценарий сохраняет записи на устройстве. Для онлайн-сценария предусмотрены передача необходимых временных аудиофайлов и автоматическое удаление временного контента.

06 · Что получил заказчик / продукт

Голосовая игра в браузере и Telegram

Самостоятельный consumer web product с локальным режимом и приватными онлайн-дуэлями. Игровой сценарий объединяет работу с голосом, совместное прохождение и знакомство с Сонграйтером после завершения игры.

07 · Что этот кейс показывает клиентам MITIN DEV

От аудиообработки до совместного онлайн-продукта

Кейс демонстрирует разработку consumer web products, браузерных игр, real-time взаимодействия, аудиообработки, Telegram-интеграций, backend и облачной инфраструктуры.

ОБСУДИМ ВАШ ПРОЕКТ

Разработаем интерактивный продукт под задачи вашего бизнеса.