A simple web video streamer built on the MEVN stack.

• Automatic transcoding through Handbrake
• Video.js video player
• Video streaming from NodeJS backend
• Automatic thumbnail generation through FFmpeg
• Store video metadata in MongoDB
• Video uploader
• Video search tool
• Video comments and likes

The backend code is found in the API directory. You will need to have NodeJS and FFmpeg installed and properly configured on your system before proceeding. Start by installing all backend dependencies

npm install

Change the DB settings to your MongoDB database in the API/DB.js file

module.exports = {
    DB: 'mongodb://127.0.0.1:27017/videoStreamer' // Connection to DB
}

Run the backend server

node index.js

Or, if you want to run the backend development server instead

nodemon run

The backend will automatically run on port 8000, if you want to change this you can edit the port on line 29 of the index.js file.

Run in the root directory of the project to install all frontend dependencies

npm install

You will now need to edit line 9 of the main.js file found in src/main.js. Set this to the IP and port of your backend server.

Vue.prototype.$apiIp = "http://127.0.0.1:8000"

Building the application for production minifies all the files, and removes unnecessary checks. To build the app run

npm run build

The generated files will be placed in the dst directory, these can be run on any static file server.

Or, to run the development server, you can run

npm run serve