mp4box.js
canvas-record
mp4box.js | canvas-record | |
---|---|---|
3 | 1 | |
1,828 | 278 | |
3.1% | - | |
4.8 | 7.1 | |
10 days ago | 4 months ago | |
JavaScript | JavaScript | |
BSD 3-clause "New" or "Revised" License | MIT 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.
canvas-record
-
Recordable Canvas Web Component
When I was browsing NPM for similar projects I do see that this one looks wayyyyy better! It's not a Web Component, but it's similar in what it does. Canvas-record seems to offer several different ways to encode your recordings including a WASM one which should be super speedy!
What are some alternatives?
webm-writer-js - JavaScript-based WebM video encoder for Google Chrome
recoded - A web app/tool to create beautiful images and videos of your code directly in your browser with just one click.
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.
ffmpeg.js - Port of FFmpeg with Emscripten
capture-and-encode
mediaelement - HTML5 <audio> or <video> player with support for MP4, WebM, and MP3 as well as HLS, Dash, YouTube, Facebook, SoundCloud and others with a common HTML5 MediaElement API, enabling a consistent UI in all browsers.
canvas-capture - Record the canvas as an image, mp4 video, or gif from the browser
recordable-canvas - A Web Component based canvas element wrapper that can be recorded to a downloadable video