recordable-canvas
canvas-record
| recordable-canvas | canvas-record | |
|---|---|---|
| 1 | 1 | |
| 6 | 275 | |
| - | - | |
| 3.6 | 7.1 | |
| about 1 year ago | 4 months ago | |
| TypeScript | JavaScript | |
| MIT 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.
recordable-canvas
-
Recordable Canvas Web Component
As these things usually go though, its a CommonJS project. Sigh. I won't get on my soapbox to say ES modules are no longer the future but the present, and we should all ditch CommonJS. Instead, I'll just tell you that I pre-bundled the library with Rollup in the recordable-canvas component, so we can use it as an ES module. We [did this for Tensorflow.js (http://webcomponents.space/posts/s01e03/) on Web Components in Space before. But all it means is that I bundled it with Rollup, so it becomes yet another source file in our project. This means that end users who want to use recordable-canvas can still work with the original source files as ES modules without having to worry about front-end tooling setups themselves.
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?
revo-grid - Powerful virtual data grid smartsheet with advanced customization. Best features from excel plus incredible performance 🔋
recoded - A web app/tool to create beautiful images and videos of your code directly in your browser with just one click.
svelte-webcomponent-boilerplate - 🏗 Create your HTML5 Web Component with Svelte. Made your web components with this user-friendly boilerplate
ccapture.js - A library to capture canvas-based animations at a fixed framerate
mp4box.js - JavaScript version of GPAC's MP4Box tool
ffmpeg.js - Port of FFmpeg with Emscripten
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