Рендер анимированных текстовых слоев из веб-приложения в webm (VP9+alpha)
Задача: Обеспечить корректный рендер текстовых слоёв из веб-приложения (https://сайт) в итоговый видеофайл (webm VP9+alpha) с сохранением шрифтов, цветов, таймингов анимации и достижения полной идентичности клиентскому предпросмотру.
КОНТЕКСТ ПРОЕКТА:
Фронтенд: React (Vite),
Бэкенд: FastAPI,
Хранилище: MinIO (S3-совместимое),
БД: PostgreSQL,
Контейнеризация: Docker, docker-compose,
Для локальной разработки используется docker-compose.yml (карта проекта будет предоставлена исполнителю).
Анимация текстовых слоев реализована через Staggerchildren в Framer Motion (эффект посимвольного появления текста слева направо). Цвет текста задается динамически в зависимости от выбранного шаблона открытки.
ТРЕБОВАНИЯ К РЕАЛИЗАЦИИ:
Вывод: итоговый файл формата webm (VP9 с альфа-каналом), частота - 30 FPS, разрешение 1080х1920 px. Полная идентичность предпросмотру текстовых слоев (шрифты, цвета, тайминги, анимация) без потери качества и эффектов анимации.
Процесс: webm-файл генерируется на бэкенде и сохраняется в папке хранилища MinIO для последующего этапа – общего рендеринга всех слоев. Клиенту/пользователю на этом этапе ничего не выдается, конвертация текстовых слоев должна производиться только после получения веб-хука об оплате в онлайн-режиме без последующего сохранения на диске промежуточных файлов (png-сиквенций и пр. сопутствующих материалов). Оплата иммитируется через временную кнопку-триггер. Процесс должен быть автоматизирован без использования сторонних программ на сервере/локалке (Bodymovin в After Effects и т.п.) и без участия ручного труда. Все должно работать автоматически на бэкенде по триггеру – успешной оплате. Время конвертации должно занимать в пределах 30 секунд, ожидаемый вес webm-файла около 50 mb.
Место сохранения файла: должно задаваться параметром или переменной окружения, чтобы его можно было перенастроить без изменения кода.
Гибкость: Код должен быть написан универсально: новые кастомные шрифты с поддержкой казахской кириллицы должны подключаться автоматически без необходимости править логику рендера. Система должна брать текстовые параметры динамически, а не «зашивать» конкретный файл в код.
Для сведения: добавление новых шаблонов открыток и шрифтов уже реализовано через админ-панель. Внедряются с одной кнопки автоматически и корректно без вмешательства в код.
ПРОВЕРКА РЕЗУЛЬТАТА:
Скрипт после подключения к боевому сайту в течение 3-х рабочих дней будет тестироваться путем использования 5 действующих и 3 новых шаблонов открыток, 5 действующих и 3 новых шрифтов, 5 вариантов длинного и короткого текста с казахской кириллицей. Работа будет считаться выполненной только после полного соответствия результата с вышеуказанными требованиями к реализации.
Предложите Ваш бюджет и сроки. Кандидатов прошу сразу описать какими инструментами будет решаться задача.
Приложения 1
-
3 дня49 839 UAH
4833 19 0 3 дня49 839 UAHДобрый день! Готов выполнить работу качественно.
Портфолио работ в моем профиле.
Заранее спасибо!
-
10 дней40 374 UAH
364 4 0 10 дней40 374 UAHЗдравствуйте!
Заинтересовало ваше предложение по рендеру текстовых слоев в WebM (VP9+alpha)
Готов реализовать рендер из React (Framer Motion) на FastAPI с FFmpeg, сохраняя анимацию и поддерживая казахскую кириллицу, с автоматической конвертацией после оплаты
Пишите обсудим условия!
-
25 дней67 289 UAH
307 25 дней67 289 UAHЗдравствуйте.
У меня большой опыт в автоматизированных конвейерах рендеринга видео с использованием инфраструктур на основе React, FastAPI и Docker, что обеспечивает идеальное воспроизведение клиентских превью в медиаконтенте с точностью до пикселя. Я понимаю, что ваш проект требует точного рендеринга текстовых слоёв с анимацией, шрифтами, цветами и таймингами, полностью соответствующего превью Framer Motion при экспорте в WebM VP9+alpha с частотой 30 кадров в секунду. Для этого я бы использовал безэкранный рендеринг Chromium в сочетании с рабочим процессом ffmpeg с графическим ускорением, обеспечивая бесперебойную обработку динамических шрифтов (включая казахскую кириллицу), анимации и экспорт прозрачного фона без ручного вмешательства. Я разработаю процесс так, чтобы он полностью выполнялся на бэкенде, запускался вебхуком, без промежуточных файлов, сохраняемых на диске, и использовал потоковые конвейеры в памяти для удовлетворения ваших требований к производительности и безопасности. Мой опыт интеграции хранилищ, совместимых с S3 (MinIO), CI/CD с Docker и масштабируемых решений для серверного рендеринга гарантирует единообразие вывода при использовании шаблонов, новых шрифтов и языков. Я уверен, что смогу предоставить надежное, автоматизированное и гибкое решение для рендеринга с учетом ваших ограничений производительности, готовое к тестированию и масштабированию для всех ваших шаблонов.
-
29 дней39 925 UAH
15075 32 0 1 29 дней39 925 UAHДобрый день!
Я Валентин из Arctic Web. Мы занимаемся IT-консалтингом и полным циклом разработки: от UX/UI дизайна до веб и мобильной разработки и интеграций. Готовы взять ваш проект в работу и поделиться примерами похожих кейсов в личных сообщениях.
С уважением,
Arctic Web Team
Freelancehunt
Актуальные фриланс-проекты в категории Javascript и Typescript
Нужен frontend-разработчик / верстальщик для разовой доработки сайта на Magento 2
12 783 UAH
Сайт для оценки: https://copy.eurobrands-shop.de/ Задача: исправить frontend-баги на уровне темы Magento 2 / Amasty theme: CSS/LESS/JS, mobile, RTL, minicart, language dropdown, layout shift/CLS. Формат работы: - без локального разворачивания Magento; - работа через DevTools… HTML и CSS верстка, Javascript и Typescript ∙ 4 часа 4 минуты назад ∙ 25 ставок |
Game Developer Pixi.Js
15 701 UAH
Ищем разработчика Pixi.js для создания серии из 12 мини-игр. Проекты простые по реализации и при уверенной работе разработка одной игры занимает не более недели. Необходимо реализовать фронтенд и игровую математику, без разработки бэкенда. Игры будут похожи по структуре, но с… Javascript и Typescript, Веб-программирование ∙ 6 часов 31 минута назад ∙ 34 ставки |
Оптимизация Core Web Vitals (OpenCart) под Google PageSpeed — Мобильная и ПК версииОписание заказа: Ищем опытного frontend-разработчика/специалиста по OpenCart для оптимизации скорости загрузки сайта (категории и карточки товаров) под требования Google Core Web Vitals. О проекте: * CMS: OpenCart. * Специфика: Сайт работает в режиме каталога (корзины и… CMS, Javascript и Typescript ∙ 4 дня 3 часа назад ∙ 23 ставки |
Оптимизация скорости сайта WordPress
5113 UAH
полные детали отправим в личные сообщения Цель Максимально ускорить загрузку сайта, особенно на мобильных устройствах. KPI (обязательно) После завершения работ необходимо добиться следующих показателей. Mobile Performance 90+ LCP менее 2.2 сек INP менее 200 мс CLS менее 0.1… HTML и CSS верстка, Javascript и Typescript ∙ 4 дня 23 часа назад ∙ 68 ставок |
Ищем Odoo Developer — соло-разработчика с опытом разработки на Odoo 19 Community EditionЕсть рабочий, чисто спроектированный проект на Odoo 19 Community — CRM для украинского отеля, уже в production-grade инфраструктуре. Переписывать с нуля не планируем. Ищем одного человека, который подхватит проект, сохранит работоспособное и поведет его дальше: сначала CRM →… Javascript и Typescript, Веб-программирование ∙ 7 дней назад ∙ 4 ставки |
Алматы (Алма-Ата)