html5-video-splitter icon indicating copy to clipboard operation
html5-video-splitter copied to clipboard

A simple web app to split a video

How it works

html5-video-splitter is a small utility to split videos in javascript :

  • A web interface to play the video and select the range to extract
  • A Node server to call FFmpeg

image

Supported formats :

It supports all videos format available for the <video> tag : mp4, webm and ogg

For more informations see http://www.w3schools.com/html/html5_video.asp

Requirements :

FFmpeg must be installed. To ensure it is available, on your command line, run which ffmpeg. This will give you the path where ffmpeg is installed. For example, it might return /usr/local/bin/ffmpeg.

Install FFmpeg on OS X : brew install ffmpeg

Install FFmpeg on Linux : apt-get install ffmpeg ffmpeg

How tu use :

Start the node.js server :

node video-splitter.js

It opens a web page where you can select a video :

  1. Important : Put the videos you want to split in the videos folder (see notes)
  2. Drag a video or choose a file from the videos folder
  3. Select the range in second to split
  4. Click on the split button
  5. The ouput can be found in the videos folder

Notes :

For security reasons the browser don't allow to get the path to the videos you choose. We can only access the file name. That's why we assume the videos will be in the videos folder.

Contributing :

  • Fork it ( https://github.com/vdaubry/html5-video-splitter/fork )
  • Create your feature branch (git checkout -b my-new-feature)
  • Commit your changes (git commit -am 'Add some feature')
  • Push to the branch (git push origin my-new-feature)
  • Create a new Pull Request