Process Uploaded Video File Locally

[Forchapeatl]

Process Uploaded Video File Locally Fixes #418 Passed Test case

• Upload Video.
• Switch between video and Webcam
• Switch between video and image file.
• Switch between multiple videos.
• Switch between multiple image files

Found at https://forchapeatl.github.io/infragram/indexs.html#

Switch between image and video file

https://user-images.githubusercontent.com/24577149/184059853-9b4e034e-78c5-434b-80c5-e42675504728.mp4

Switch between camera and video file

https://user-images.githubusercontent.com/24577149/184056709-09aed545-e499-4d8e-a766-d5b510e3e060.mp4

Misc test

https://user-images.githubusercontent.com/24577149/187096611-4239d69b-d495-413d-a1de-caeb4f4d3dab.mp4

Make sure these boxes are checked before your pull request (PR) is ready to be reviewed and merged. Thanks!

• [X] PR is descriptively titled 📑 and links the original issue above 🔗
• [X] tests pass -- look for a green checkbox ✔️ a few minutes after opening your PR
• [X] code is in uniquely-named feature branch and has no merge conflicts 📁
• [X] screenshots/GIFs are attached 📎 in case of UI updation
• [X] ask @publiclab/reviewers for help, in a comment below

[gitpod-io[bot]]

[Forchapeatl]

Hello @stephaniequintana , Here is the clean PR for video upload and processing. During the drag and drop please drop the video file as id= "localVideo" and append it under this element . Thank you.

https://github.com/publiclab/infragram/blob/550a2d26def4fe2d29c0baf77d1c50034565fdfb/index2.html#L42

[Forchapeatl]

@jywarren , @TildaDares please for your feedback on this PR