Video Stream Basic 🎥

Bare-bones video streaming web app.

Table of Contents

• Introduction
• Features
• Installation
• Setup
• Usage
• License
• Media Sources

Introduction

This is a bare-bones prototype video-streaming web app.

Features

• Streams video files from the assets folder within the web app. (This limitation is solved in my project [videostream])(https://github.com/yarrumevets/videostream).
• Subtitles automatically play if they are included alongside the video.
• The position within each video is saved, and the video will resume from that point automatically.
• Full Screen button added just to experiment with custom controls.

Installation

Step-by-step instructions on how to get the development environment running.

git clone https://github.com/yarrumevets/videostream.git
cd videostream
yarn

Setup

There is a specific folder structure and format that needs to be followed within the root folder:

• Each video must be in its own subfolder, and this folder must be in the 'assets' folder.
• The name of the folder will be the video's title displayed on the page
• You can have 1 subtitle file that must be in .vtt format and in the same folder as the video, and must named subtitles.vtt
• The cover image must be named cover.jpg in the same folder as the video. It will look better if it is roughly 2:3 aspect ratio. This will be the display image on the index page.
• Videos must be in a compatible format such as MP4. See Mozilla Web video codec guide.
• Set the server port in config.js

Usage

node server.js

Go to http://localhost:<PORT> in your browser.

License

Distributed under the MIT License. See the LICENSE file for more information.

Media Sources

The example videos used in this project are sourced from Pexels and are used in compliance with their license.