canvas-record
mp4box.js
canvas-record | mp4box.js | |
---|---|---|
1 | 3 | |
278 | 1,828 | |
- | 3.1% | |
7.1 | 4.8 | |
4 months ago | 10 days ago | |
JavaScript | JavaScript | |
MIT License | 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.
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!
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.
What are some alternatives?
recoded - A web app/tool to create beautiful images and videos of your code directly in your browser with just one click.
webm-writer-js - JavaScript-based WebM video encoder for Google Chrome
ccapture.js - A library to capture canvas-based animations at a fixed framerate
mp4-muxer - MP4 multiplexer in pure TypeScript with support for WebCodecs API, video & audio.
ffmpeg.js - Port of FFmpeg with Emscripten
webm-muxer - WebM multiplexer in pure TypeScript with support for WebCodecs API, video & audio.
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.
capture-and-encode
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