/clipapp

React Application for clipping videos and making playlists.

Primary LanguageJavaScript

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!