Рендер анимированных текстовых слоев из веб-приложения в 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 вариантов длинного и короткого текста с казахской кириллицей. Работа будет считаться выполненной только после полного соответствия результата с вышеуказанными требованиями к реализации.
Предложите Ваш бюджет и сроки. Кандидатов прошу сразу описать какими инструментами будет решаться задача.
-
40 дней44 860 UAH
368 40 дней44 860 UAHЗдравствуйте, я предлагаю разработать надежный, автоматизированный бэкенд-сервис, который бесшовно интегрируется с вашим существующим приложением FastAPI. Этот сервис будет точно отображать текстовые слои на основе React с анимациями Framer Motion в видео VP9+Alpha WebM, обеспечивая идеальную точность с предварительным просмотром на стороне клиента. Решение будет инициировано вебхуком платежа, полностью выполняться на бэкенде в течение 30 секунд и сохранять финальный файл в вашем хранилище MinIO, полностью соответствуя вашим указанным требованиям по качеству, автоматизации и гибкости.
Спасибо.
-
30 дней11 215 UAH
2227 5 1 30 дней11 215 UAHЗдравствуйте! Я ознакомился с вашим заданием и считаю, что смогу успешно его выполнить. Буду рад сотрудничеству пожалуйста, напишите мне лично для дальнейших деталей.
-
5 дней15 701 UAH
364 4 0 5 дней15 701 UAHЗдравствуйте!
Заинтересовало ваше предложение по рендеру текстовых слоев из React
Готов реализовать через Puppeteer (headless Chromium) с захватом canvas (MediaRecorder API + VP9 encoder), автоматизацией по вебхуку оплаты, поддержкой кастомных шрифтов и сохранением в MinIO за 30 сек/файл (~50 МБ) Инструменты: Puppeteer + MediaRecorder (VP9), FFmpeg (альфа-канал), Docker
Пишите обсудим детали!
-
3 дня14 355 UAH
1386 14 3 1 3 дня14 355 UAHЗдравствуйте, ознакомилась с вашим заданием, хотела бы взяться за его выполнение, все необходимые технические знания присутствуют вместе с опытом, приглашаю в личные сообщения для уточнения. Буду рада сотрудничеству.
-
7 дней44 860 UAH
297 1 7 дней44 860 UAHПривет.
Этот проект сосредоточен на достижении идеального пиксельного рендеринга анимированных текстовых слоев из веб-приложения в конечное видео WebM (VP9 + alpha), которое полностью соответствует предварительному просмотру на стороне клиента. Я реализую конвейер рендеринга на базе бэкенда, используя headless Chromium (Puppeteer или Playwright), чтобы воспроизвести точные анимации, шрифты и цвета, как они отображаются в React с Framer Motion, обеспечивая при этом 30 FPS и разрешение 1080×1920. Процесс будет запускаться автоматически после срабатывания платежного вебхука, потоково передавая видеокадры в память (без промежуточных файлов) и сохраняя конечный результат в MinIO. Я разработаю гибкий и динамичный механизм загрузки шрифтов, который поддерживает казахскую кириллицу и новые шаблоны без изменения логики кода. Результатом будет полностью автоматизированная, масштабируемая и удобная в обслуживании система рендеринга бэкенда, которая гарантирует визуальную точность, производительность и простую настройку с помощью переменных окружения.
-
10 дней22 385 UAH
642 4 1 10 дней22 385 UAHЗдравствуйте! Ваша задача вполне реализуема. Готов вложить весь свой талант, чтобы вы получили качественный продукт в короткие сроки и в разумном бюджете.
С нетерпением жду вашего ответа — уверен, что с моими профессиональными навыками и вашими блестящими идеями мы создадим нечто поразительное!
-
7 дней44 860 UAH
12784 4 2 7 дней44 860 UAHЗдравствуйте, Ашат,
Я внимательно изучил ваши требования к проекту и понимаю необходимость генерировать файлы WebM с VP9 + альфа, сохраняя шрифты, цвета, анимации и тайминги точно так же, как в предварительном просмотре клиента, полностью автоматизированно после подтверждения оплаты, без ручного вмешательства или стороннего программного обеспечения, такого как After Effects.
Для реализации этого я предлагаю использовать Node.js с рендерингом безголового браузера (Puppeteer или Playwright) в сочетании с FFmpeg для кодирования захваченной анимации в WebM VP9 с альфа-каналом. Это позволяет динамически захватывать текстовые анимации React + Framer Motion, включая эффекты с задержкой для символов, цвета, шрифты (включая казахский кириллицу) и тайминг. Все текстовые параметры могут передаваться через JSON, чтобы сделать систему полностью динамичной и многоразовой для новых шаблонов или шрифтов.
Процесс будет работать следующим образом: после получения вебхука оплаты бэкенд запустит процесс рендеринга, сгенерирует файл WebM в памяти или временном буфере (без сохранения промежуточных последовательностей PNG), закодирует его через FFmpeg и сохранит непосредственно в MinIO, используя настроенный путь хранения из переменной окружения. Процесс будет полностью автоматизирован и контейнеризирован с помощью Docker, что обеспечит согласованность развертывания.
Я оцениваю срок реализации в 5–7 рабочих дней для разработки, тестирования и интеграции с вашей текущей настройкой Docker. Бюджет, который я предлагаю для этого готового решения, составляет от 1,200 до 1,500 долларов, в зависимости от окончательной настройки производительности и тестирования нескольких шаблонов/шрифтов.
…
Я могу гарантировать, что результат пройдет вашу проверку: обработка активных и новых шаблонов, нескольких шрифтов, включая казахский кириллицу, и коротких/длинных текстов, при этом размер файла будет около 50 МБ, а рендеринг займет не более 30 секунд на видео.
С нетерпением жду дальнейшего обсуждения и предоставления готового к производству решения, которое полностью соответствует вашим требованиям.
С наилучшими пожеланиями,
Актуальные фриланс-проекты в категории 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 часа 20 минут назад ∙ 25 ставок |
Game Developer Pixi.Js
15 701 UAH
Ищем разработчика Pixi.js для создания серии из 12 мини-игр. Проекты простые по реализации и при уверенной работе разработка одной игры занимает не более недели. Необходимо реализовать фронтенд и игровую математику, без разработки бэкенда. Игры будут похожи по структуре, но с… Javascript и Typescript, Веб-программирование ∙ 6 часов 47 минут назад ∙ 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 ставки |