Play Local Video File In Electron Html5 Video Player Using Node.js Fs.readstream()

I am developing a video player application, which plays video videos (.mp4) from the local filesystem using node.js and electron (therefore I am using chromium's html5 video player

Solution 1:

As the topic says you are using electron and from the above comments it is clear that you are avoiding a server. It seems that if you are just creating an offline video player then you are just making things complex. Why are you creating a buffer and then creating a new url? You can achieve this by simply getting the video path and using it as src attribute of video object. Your code should look like this-

var path="path/to/video.mp4"; //you can get it by simple input tag with type=file or using electron dialogsthis.videoNode = document.querySelector('video');//it should be a video element in your htmlthis.videoNode.src=path;
this.videoNode.oncanplay=()=>{
  //do something...
}

This will handle complete file and you dont need to disable webPreference given that videoNode is the video element in html file.

You can take a look at this open source media player project made using electron-

https://github.com/HemantKumar01/ElectronMediaPlayer

Disclaimer: i am the owner of the above project and everyone is invited to contribute to it