mp4box.js
webm-writer-js
| mp4box.js | webm-writer-js | |
|---|---|---|
| 3 | 3 | |
| 1,828 | 265 | |
| 3.1% | - | |
| 4.8 | 0.0 | |
| 10 days ago | about 1 year ago | |
| JavaScript | JavaScript | |
| BSD 3-clause "New" or "Revised" License | - |
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.
mp4box.js
-
MediaRecorder convert blob to MP4 for PPTXGenJS video
You can pass the audio and video MediaStreamTracks from the MediaStream from getDisplayMedia() to MediaStreamTrackProcessors for each track, pipe the stream of AudioDatas and VideoTracks, copy the data to ArrayBuffer's, then pass those ArrayBuffers to an MP4 muxer, e.g., https://github.com/gpac/mp4box.js/.
-
Recordable Canvas Web Component
Luckily there are loads of great libraries that can do this for us. One such library is [MP4Box.js (https://github.com/gpac/mp4box.js/). MP4Box.js is a JS port of an incredibly comprehensive toolset of MP4 utilities.
-
How to capture 3D animation and encode it into video by WebCodecs
I could mux the video and audio on the browser into an MP4 with MP4Box.js, but somehow it was misformatted and weirdly played with some players. I gave up and relied on Elemental Convert as it's not so expensive.
webm-writer-js
- Trying to record off a canvas, but bitrate is very low; high values are ignored.
-
How to capture 3D animation and encode it into video by WebCodecs
WebM Writer is a great library for building a WebM video on the browser. However, it's a little bit slow because it depends on HTMLCanvasElement.prototype.toDataURL.
-
How to create a video editor that works in your browser.
WebM video encoder
What are some alternatives?
mp4-muxer - MP4 multiplexer in pure TypeScript with support for WebCodecs API, video & audio.
ccapture.js - A library to capture canvas-based animations at a fixed framerate
webm-muxer - WebM multiplexer in pure TypeScript with support for WebCodecs API, video & audio.
wavesurfer.js - Audio waveform player
canvas-record - Record a video in the browser or directly on the File System from a canvas (2D/WebGL/WebGPU) as MP4, WebM, MKV, GIF, PNG/JPG Sequence using WebCodecs and Wasm when available.
Vue.js - This is the repo for Vue 2. For Vue 3, go to https://github.com/vuejs/core
capture-and-encode
ffmpeg.wasm - FFmpeg for browser, powered by WebAssembly
docsify - 🃏 A magical documentation site generator.
Vega - video editor
three.js - JavaScript 3D Library.
spectrum-css - The standard CSS implementation of the Spectrum design language.