How to create a video editor that works in your browser.

This page summarizes the projects mentioned and recommended in the original post on dev.to

Our great sponsors
  • Scout APM - Less time debugging, more time building
  • OPS - Build and Run Open Source Unikernels
  • SonarQube - Static code analysis for 29 languages.
  • GitHub repo ffmpeg.js

    Port of FFmpeg with Emscripten

    Recently, browser features such as SharedArrayBuffer and WebAssembly are increasing. Video and video converter ffmpeg also works in browsers.

  • GitHub repo vega

    Browser-based video editing software. (by toshusai)

    You can try the demo from here. https://vega.toshusai.net/ source https://github.com/toshusai/vega

  • Scout APM

    Less time debugging, more time building. Scout APM allows you to find and fix performance issues with no hassle. Now with error monitoring and external services monitoring, Scout is a developer's best friend when it comes to application development.

  • GitHub repo three.js

    JavaScript 3D Library.

    So, convert all the images/videos to image sequence once and pass them to ffmpeg. used three.js for the renderer. Three.js can handle image as Texture, also video as VideoTexture.

  • GitHub repo ccapture.js

    A library to capture canvas-based animations at a fixed framerate

    The image capture step uses ccapture to ensure that the playback frame is converted to an image. All frame images to webm video.

  • GitHub repo Nuxt.js

    The Intuitive Vue(2) Framework

    Nuxt.js

  • GitHub repo Vue.js

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

    Vue.js

  • GitHub repo ffmpeg.wasm

    FFmpeg for browser and node, powered by WebAssembly

  • OPS

    OPS - Build and Run Open Source Unikernels. Quickly and easily build and deploy open source unikernels in tens of seconds. Deploy in any language to any cloud.

  • GitHub repo webm-writer-js

    JavaScript-based WebM video encoder for Google Chrome

    WebM video encoder

  • GitHub repo wavesurfer.js

    Navigable waveform built on Web Audio and Canvas

    wavesufer.js

  • GitHub repo RictyDiminished

    Ricty Diminished --- fonts for programming

    RictyDimished

  • GitHub repo spectrum-css-workflow-icons

    Spectrum CSS Workflow Icons

  • GitHub repo spectrum-vue

    Adobe Spectrum UI Components for Vue.

    I also created a UI components to use for this. If you like / are interested, check this out too. https://github.com/toshusai/spectrum-vue

  • GitHub repo spectrum-css

    The standard CSS implementation of the Spectrum design language.

    Spectrum CSS

  • GitHub repo docsify

    🃏 A magical documentation site generator.

    Docsify

NOTE: The number of mentions on this list indicates mentions on common posts plus user suggested alternatives. Hence, a higher number means a more popular project.

Suggest a related project

Related posts