ZenChi Video Player

Description: The ZenChi Video Player is a React-based video player that uses the File API to allow users to add local video files into a playlist

Version: 0.1.3
Author: Elijah Liedtke (Chimera.Zen)
Email: [e-mail]
Link: https://github.com/ChimeraZen/zenchi-videoplayer

Copyright: Copyright (c) 2018, Elijah Liedtke
License: http://www.gnu.org/licenses/old-licenses/gpl-2.0.html

Table of Contents

1. Instructions
   1. Installation
   2. Updating
   3. Uninstall
2. Components
   1. VideoPlayer
3. ChangeLog

---

Instructions

The following has been provided to assist in installing, updating or removing the ZenChi (pronounced: zen-Kai) Video Player. Questions, comments, suggestions and concerns are welcome and can be sent to [e-mail].

I hope you enjoy this app!

Note: Some videos will not work due to codec incompatibility, and browser & device limitations.

 

Installation

1. Navigate to your app directory and install the ZenChi Video Player package using:

npm i zenchi-videoplayer

2. Once installed, the VideoPlayer component can be imported using:

import { VideoPlayer } from 'zenchi-videoplayer'

 

Updating

1. Navigate to your app directory and enter:

npm update zenchi-videoplayer

 

Uninstall

1. Navigate to your app directory and enter:

npm uninstall zenchi-videoplayer

 

Components

VideoPlayer

The ZenChi VideoPlayer component uses React v16.6 and the HTML5 File API to allow users to add local video files into a playlist.

This component can be initialized using import { VideoPlayer } from 'zenchiapp-videoplayer'

<VideoPlayer />

Name	Type	Default	Description
id	string		(Optional) Id props are passed to the top-level container
className	string	zenchi-videoplayer	(Optional) Class props are passed to the top-level container

 

ChangeLog

v0.1.3

• Responsive Style updates

v0.1.2

• Style updates

v0.1.1

• Style updates
• Added ref to active title for setTimeout connection
  • Active title fades after set 3 seconds
• Added logic to add custom id and classNames to VideoPlayer top-level container
• Added width: 100% to <video> element

v0.1.0

• Initial GIT Commit and NPM package test