Skip to content

jvas28/clipapp

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

16 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

ClipApp

React Application for clipping videos and making playlists Admin

Check the Demo - Here

Applied Technologies

  • React JS
  • Mobx
  • Semantic UI

Main Functionalities

  • Manage clips, based on provided video URL
  • Play Clips
  • Navigate over the Clips using the player buttons and Shortcuts
  • Read Only Player

How to

Run it

git clone https://github.com/jvas28/clipapp.git
cd clipapp
npm install
npm start

Try the read-only player

Share You can use the Admin Interface to generate a readonly component html yo use it wherever you need Read-Only Player Just three steps:

  • Click on Share button at top bar
  • Copy the html generated code
  • Paste the code in an html file where the component bundle file is imported

Responsiveness

The player interface is responsive to have a good experience no matter the size of your screen Responsive Player

Shortcuts

  • Press Ctrl + M to play next clip
  • Press Ctrl + Z to play previous clip

Deploy it

  • Run
npm run build

  • Import the static files the build folder of the project
  • Add
  <div id="react-clipper" video-url="YOUR_VIDEO_URL"></div>

Enjoy!

About

React Application for clipping videos and making playlists.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors