I'm currently developing a web application written in TypeScript using React that is targeted to run on mobile platforms only, running in a browser.

The application generates a short video from a three.JS 3D animation and video need to be shared to Facebook, Insta or TikTok.

Requirements:

• Separate share buttons for FB, Insta and TikTok in the web applications front-end.
• Add predefined tags, link and text to the shared post
• attached video is only available as local file, not available as publicly hosted url.

What are the best implementation options to meet these requirements?

I have looked into using native Web Share API but this does not have full browser support and for TikTok you cannot add any link, text or tags.

Looked into Tiktok developer APIs but unsure if this is the way to go for a web application.

I expect a solid solution that meets the requirements but did not find a definite and solid implementation.