daem-on / fwf Goto Github PK
View Code? Open in Web Editor NEWHTML video editor with FFmpeg
License: MIT License
HTML video editor with FFmpeg
License: MIT License
As the title says, I have been trying to play around with this and noticed the preview always stops at the 10 second mark. Any ideas why this is?
Thanks
If text size is 16px (or 12pt) in frontend, how did you calculate the correct text size that should be passed to backend ffmpeg?
Any help would be greatly appreciated! Thanks
Context -
I am building a simple video editor in react js. For backend, I am using ffmpeg (python)
I need to set the heading font-size for a (say) 1920x1080 (16:9 aspect ratio) resolution video. In react, the video dimensions that I am using are width:515px, height:289.688px. If I set font-size=20pt, how do I ensure that the final video has 'right' (scaled up or down) font size. Pretty sure, I can just pass 20pt to backend to set the font-size; because ffmpeg could produce different width&height video.
That is, in react js, font size - 20px would occupy different space depending upon the width and height of video. But in ffmpeg, once I set the aspect ratio (16:9), fontsize=20px will always occupy same space. Say, I want heading to occupy exactly one line, and fontsize=16px occupies exactly one line in the reactjs video. But same, 16px may not 'finally' occupy exactly one line in the rendered video.
The README.md
lacks instructions on how to install locally and also running locally for development.
Use FFMPEG.js to enable full clientside processing ?
https://github.com/Kagami/ffmpeg.js/
https://github.com/bilashcse/Online-Video-Editor
A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.