I am working on an Electron App with a React front end that is aimed at performing some video tasks. At the moment, I am loading a video file on the backend, converting that to a base64 data format and then sending that to the React front end to use that as the source for the video player. This works as intended.

While this works great for smaller video files, there is a limit on how large the data being sent can be.

I was wondering if there's an actual way to let React load the media file directly by passing the local url as the source? I know this is disallowed for web security reasons but my app is wrapped inside Electron and does not connect to the Internet.

If that is not possible, alternatively, what would be the best way to load large media files (sizes of 4GB and etc ..) to view it in the player?

Importing the video file directly inside the React Component is not an option because the video is dynamically imported by the user by selecting it from the local system.

Any help would be greatly appreciated.