Git Product home page Git Product logo

videoeditor's Introduction

Web Based Video Editor Using MLT Framework

Overal schema

See it in action (YouTube video)

https://youtu.be/GemMThnqULE

Badges

Build Status

Features

  • web application no plugin required
  • server side rendering
  • supported modern browsers (Firefox, Chrome, Safari, ...)
  • open-source, Apache-2.0 license
  • project automatically saved on server (as MLT XML), accessible via link
  • unlimited number of video and audio tracks
  • 6 video and audio filters (with ability to create more filters)

Input

  • Supported formats depends on mlt framework, respectively on supported formats by ffmpeg.
  • Video duration tested up to 1 hour 30 minutes.
  • Input resolution up to 4K.

Output

Currently set to:

  • Container: mp4
  • Audio codec: aac
  • Video codec: libx264

Installation

Project requires:

  • Node.js 10.13.0+ to run server.
  • MLT framework to export video.
  • FFmpeg to handle multimedia files.
$ sudo apt install melt
$ sudo apt install ladspa-sdk ffmpeg

Development

Install the dependencies and devDependencies and start the server and webpack for development. Don't forget to change config.js file.

$ npm install
$ npm run dev-build
$ npm run dev-start

You can run code check using ESLint (required installed npx):

$ sudo npm i -g npx
$ npm run eslint

Production

Install the dependencies and start the server and webpack for production. Don't forget to change config.js file.

$ export NODE_ENV=production
$ npm install
$ npm run build
$ npm start

Server now running at port 8080. You can access it using localhost:8080. This can be changed in config.js.

Note: this project doesn't require web server and videoeditor folder and it's subfolders should be stored outside of webserver (for security purpose).

videoeditor's People

Contributors

kudlav avatar

Watchers

James Cloos avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.