daem-on / fwf Goto Github PK

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.

I a trying to do an npm start command. When I start it, it appears this.

Can someone know how to fix this at this repo?

Use FFMPEG.js to enable full clientside processing ?
https://github.com/Kagami/ffmpeg.js/
https://github.com/bilashcse/Online-Video-Editor

The README.md lacks instructions on how to install locally and also running locally for development.

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