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

• ffmpeg.js

  10 3,204 0.0 JavaScript

  Port of FFmpeg with Emscripten

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

• Vega

  1 234 8.5 TypeScript

  video editor (by toshusai)

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

• SurveyJS

  surveyjs.io sponsored

  Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App. With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.

  

• three.js

  449 98,752 9.9 JavaScript

  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.

• ccapture.js

  12 3,473 0.0 JavaScript

  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.

• Nuxt.js

  207 42,699 8.0 TypeScript

  Discontinued Nuxt is an intuitive and extendable way to create type-safe, performant and production-grade full-stack web apps and websites with Vue 3. [Moved to: https://github.com/nuxt/nuxt]

  

Nuxt.js

• Vue.js

  381 206,901 7.9 TypeScript

  This is the repo for Vue 2. For Vue 3, go to https://github.com/vuejs/core

  

Vue.js

• ffmpeg.wasm

  76 12,957 8.9 C

  FFmpeg for browser, powered by WebAssembly

  

• WorkOS

  workos.com sponsored

  The modern identity platform for B2B SaaS. The APIs are flexible and easy-to-use, supporting authentication, user identity, and complex enterprise features like SSO and SCIM provisioning.

  

• webm-writer-js

  3 265 0.0 JavaScript

  JavaScript-based WebM video encoder for Google Chrome

WebM video encoder

• wavesurfer.js

  11 8,139 9.4 TypeScript

  Audio waveform player

  

wavesufer.js

• RictyDiminished

  1 481 10.0

  Ricty Diminished --- fonts for programming

RictyDimished

• spectrum-css-workflow-icons

  1 14 5.7 JavaScript
  

Spectrum CSS Workflow Icons

• spectrum-vue

  1 12 0.0 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

• spectrum-css

  1 1,152 9.8 CSS

  The standard CSS implementation of the Spectrum design language.

  

Spectrum CSS

• docsify

  29 26,561 8.2 JavaScript

  🃏 A magical documentation site generator.

  

Docsify

• InfluxDB

  www.influxdata.com sponsored

  Power Real-Time Data Analytics at Scale. Get real-time insights from all types of time series data with InfluxDB. Ingest, query, and analyze billions of data points in real-time with unbounded cardinality.

  

Suggest a related project