Доработка карточки товара на платформе Tilda
Необходимо изменить расположение уже реализованной кнопки, которая отправляет ссылку на товар в мессенджер WhatsApp, в стандартной карточке товара.
Техническое задание: Читалка Корана для Telegram Mini App
Цель проекта
Разработать интерактивное мини-приложение (Telegram Mini App) на React, которое позволяет пользователям слушать чтение Корана с визуальным сопровождением - синхронной подсветкой текущего слова в тексте.
Основные функциональные требования
- Платформа: Приложение должно быть реализовано на React и развернуто как Telegram Mini App.
- Ядро функционала: Аудиоплеер для воспроизведения записей Корана.
- Ключевая фича: Синхронная подсветка (визуальное выделение) слова, которое звучит в текущий момент времени.
- Подготовка контента: Необходимо разметить аудиофайлы и тексты, создав точные таймкоды (timestamps) для синхронизации.
- Контентная база: Минимальный объем - подготовить библиотеку записей для 3-5 разных чтецов (кари).
Этапы работ
- Разработка архитектуры и интерфейса приложения на React.
- Создание и интеграция аудиоплеера с управлением (воспроизведение, пауза, перемотка, выбор суры/аята).
- Реализация механизма синхронной подсветки текста на основе таймкодов.
- Обработка и разметка аудиозаписей: привязка временных меток к каждому слову в тексте.
- Подготовка и загрузка контентной библиотеки (аудио + тексты с таймкодами) для нескольких чтецов.
- Тестирование, отладка синхронизации и публикация в виде Telegram Mini App.
Технические детали
- Фронтенд: React (предпочтительно с использованием современных хуков и состояний).
- Интеграция с Telegram WebApp API.
- Для работы с аудио и таймкодами необходимо выбрать подходящие библиотеки или реализовать кастомное решение.
- Важно обеспечить плавную работу и точную синхронизацию даже при нестабильном интернет-соединении.