vegetableman / betamax Goto Github PK
View Code? Open in Web Editor NEWRecord and generate animated screencasts within the browser
License: MIT License
Record and generate animated screencasts within the browser
License: MIT License
The support for WebP is easy to do but the resulting animation had visual artefacts. So, support for it had to dropped. Find a workaround.
The current packing is meant to run in a slow, brute force manner and considering we are dealing with large @2x files, it slows down generation of the packed image tremendously.
Dig deeper on packing algorithms to optimise this process while retaining the compact size of the final result.
Compression is highly recommended on the packed image and I do it through external tools.
Reference for implementation:
https://github.com/antelle/wasm-image-compressor
https://github.com/photopea/UPNG.js
Differences in color contrast out of grabFrame
of ImageCapture
. More info on it: https://source.chromium.org/chromium/chromium/src/+/main:third_party/blink/renderer/modules/imagecapture/README.md
Browser: Chrome v119.0.6045.159
OS: Mac Monterey 12.5.1
MediaRecorder is the right option for recording frames but due to compression applied by video codecs during the recording, even visually identical frames will differ in this data and end up being marked as dissimilar and packed separately โ increasing the size of the packed image. Refer #2.
There are three ways to go about it:
matchTemplate
.Pyodide has been incredibly helpful and this is super low on the list of things to do, simply because it's too complex. But the matter of fact is, python is slow and the latest version of pyodide is 3-5 times slower than python. So, we quickly run in to limitations with this environment.
Figma is a great example of the possibilities of running native code through webassembly.
https://www.figma.com/blog/webassembly-cut-figmas-load-time-by-3x/
We can go with C, Rust, Zig. whichever is most compatible with the scientific stack.
A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.