MediaPipe Static Stored Video Face Landmark Detection

I have been trying to get media pipe to detect face landmarks in a static(stored) video but all the online guides and tutorials use live camera feed. It is easy in python but I have to do it in JavaScript.

I found these 2 guides to be most relevant but both are using live camera feed.

https://medium.com/@mamikonyanmichael/what-is-media-pipe-and-how-to-use-it-in-react-53ff418e5a68

https://github.com/jays0606/mediapipe-facelandmark-demo

Any kind of help would be appreciated.

Little Background: I am making a 3D sign language avatar. For a sentence, my initial plan is to stitch different word-level videos together(not efficient but hey some progress) and then make a 3D avatar to imitate it using Ready Player Me and Mediapipe.