Rendering text layers of the web application in webM (VP+alpha)
This task is exclusively for a full-stack developer who is proficient in React, FastAPI, Docker, MinIO, FFmpeg, and headless tools.
Detailed technical specifications are attached.
Candidates are requested to write:
1. What tools and what scenario will be used to solve the task
2. Expected timelines and budget
Applications 1
-
10 days2000 USD10 days2000 USD
How to create a seamless render of text layers in webM, adhering to all technical nuances? I am proficient in React and FastAPI, making me a perfect fit for implementing your project. I will start working on the task by setting up Docker to ensure a stable development environment. I will focus on FFmpeg for high-quality video encoding with an alpha channel and MinIO for reliable data storage. This will allow us to process your data efficiently without unnecessary delays. With experience in headless technologies, I am confident that we will achieve excellent results. Let's discuss the details!
-
30 days350 USD
2227 5 1 30 days350 USDHello! I have reviewed your assignment and believe that I can successfully complete it. I would be happy to collaborate, please write to me personally for further details.
-
14 days1200 USD
1860 21 0 14 days1200 USDHello. I must say that using a browser as a renderer for animations is a very heavyweight solution in itself; however, I understand your idea of having a single codebase for animations both for rendering on the backend and for previewing in the browser window. By the way, I am not sure which would be more cost-effective - writing a browser-based animation renderer or creating our own. Especially when the task is only to render a text layer with character-by-character animation, and nothing more will be needed in the future.
Within the framework of the technical specifications, I would suggest the following.
1. We will definitely need to slightly modify the React code, plus extract the animation previewer as a separate React component for reuse (if it hasn't been done yet).
2. We will need our own browser build as a renderer, for example, CEF. Compiling it ourselves will take a very long time - 2 weeks for just one compilation, so we will have to use ready-made builds, and we probably won't need to change anything in the browser code. We need it in this form for more fine control over the rendering process. Since ultimately a separate server with a GPU will be used, where our browser renderer will run, the cheapest way will be to use Windows as the OS. Making CEF for Linux is a hassle, and if it also needs to be wrapped in Docker, it will be a whole separate adventure with its own problems. Each of these issues significantly increases the complexity and budget of the project, so we try to avoid them.
3. I have very little experience with Python, but since we have a separate server with Windows, which can be considered a microservice, it can be written in any convenient language; for me, that is C#. If something small needs to be changed in the original backend in Python, there will be no problems with that.
4. The deadlines and budget are written for the cheapest option.
And in conclusion, I will say this. Perhaps it is still worth considering the option of a custom renderer if the animation is always the same, and only the font, color, and size change. There is even the possibility of using the text renderer from Chromium. Yes, it may not be pixel-perfect, but with barely noticeable changes to the eye.
Current freelance projects in the category Javascript and Typescript
I am looking for an experienced Full Stack developer to create a SaaS service for online stores.Service idea: The client uploads a link to their product feed (XML or CSV). The service automatically retrieves the products, takes their photos, and creates new advertising images based on ready-made templates: price, discount, logo, promotional tags, etc. There should also be… Javascript and Typescript, Web Programming ∙ 8 hours 24 minutes back ∙ 62 proposals |
Development of a WebGL/Three.js scene with generation and export of 3D (snapshot) from an animated shaderObject Description:The project is a designer table shaped like a realistic, deep whirlpool (a central vortex that smoothly transitions from a wide horizontal tabletop to a thin elegant leg). Task Essence:A WebGL / Creative Coding developer is required to create an interactive 3D… Javascript and Typescript, Web Programming ∙ 1 day 4 hours back ∙ 27 proposals |
Support and development of the cleaning company's website
20 USD
I'm looking for a web developer/webmaster for long-term support and development of a cleaning company's website. Website: https://donely.ca About the project DoneLy Home Services is a cleaning service company in Canada that is actively growing and expanding its geographical… Javascript and Typescript, Web Programming ∙ 3 days 6 hours back ∙ 62 proposals |
Development of a website according to the specifications on FramerYou need to create a website based on the parameters in the technical specification. https://docs.google.com/document/d/1ODO2C9Krb4AaMiJz9wfbNzWlAyA2FwCCHL8r0biajUY/edit?usp=sharing Please provide your actual rate based on this design. HTML & CSS, Javascript and Typescript ∙ 4 days 7 hours back ∙ 27 proposals |
Development of an interactive Palworld map for the websiteWe need to develop an interactive map for Palworld based on the example: https://palworld.gg/map We need not just a static image, but a full-fledged interactive map where users can view locations, toggle object categories on/off, search for specific points, and interact with… HTML & CSS, Javascript and Typescript ∙ 5 days 22 hours back ∙ 35 proposals |