Comments (2)
You can follow the structure defined in CCFrameEncoder (https://github.com/spite/ccapture.js/blob/master/src/CCapture.js#L128) to build your own frame encoder.
Are you storing the frames in memory, sending them to a server...?
from ccapture.js.
Thank you. I'll be storing them in memory as some kind of array of blobs. I was planning to pass this array of blobs to the AVI Encoder (a fork of this).
So all I really need to achieve is to obtain the array of blobs from the animation. This is trivial using canvas.toDataURL()
& requestAnimationFrame
, but doesn't come with the smooth animation timing advantages of CCapture.
I can think of two routes to adding this functionality:
-
Adding a new Encoder that allows access by the calling code to a blob from each captured frame. Ideally it could be configured to handle the blobs on a per frame basis at the time of capture (via callback or event emit) or access to all frames at the end of the capture via
capturer.save()
where the data returned is an array of blobs. -
I did wonder if it might be possible to achieve this objective more simply by expecting the calling code to use
capturer.save(function(blob){ frames.push(blob) })
after the every call tocapturer.capture()
? I'm guessing the caller would have ensure that they extract only the last item from the array of blobs in this case.
from ccapture.js.
Related Issues (20)
- Is it possible to do capturing in a Web Worker thread? HOT 1
- Capture an audio-reactive application HOT 3
- using CCapture to render a javascript starfield animation as a webm file HOT 2
- .tar is empty HOT 1
- gif transparency?
- How to use it with Lottie ?
- I have an error message in Terminal when I roll up with CCapture HOT 1
- Usage with React: .start() causes window.requestAnimationFrame to stop working. HOT 2
- "Seeked" event doesn't trigger on html5 video when CCapturer is on HOT 4
- Angular NPM WebMWriter not defined HOT 2
- Error: Uncaught [TypeError: window.CCapture is not a constructor] HOT 1
- rangeerror maximum call stack size exceeded ccapture
- Uncaught (in promise) ReferenceError: download is not defined
- ReferenceError: window is not defined HOT 2
- How can I record the canvas background
- CCapture with setInterval not working
- how can i record again without reloading the page?
- CCapture package can't be installed thru npm
- What is workers path? HOT 1
- Use for record animation
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from ccapture.js.