should be able to add a blob

[jimmywarting]

I have a bunch of images (blob) that i want to convert into a movie
So i'm using html5 multiple file upload or drag and drop with multiple images

Think it would be insufficient to add everything to canvas or convert everything to base64 string (base64 takes up ~3x more in size and 2x times more memory since javascript strings are utf16 and not utf8)

encoder.add(blob);

[jimmywarting]

I manage to fix blob support but - this was what i was working on: https://jsfiddle.net/121qq2ae/2/
(with canvas out from whammy and having just only blob support you could start using web workers #34)

My vision for this was to end up with something that would pipe the input into another output so that when you added a frame you would get some chunks back (that way you could use it like a pipeline)

meaning you could potentially create however large video you want as long as you have somewhere to write the stdout too (could be Sandboxed FileSystem, the server or even StreamSaver)

But since i found another solution using captureStream & MediaRecorder i came to the condition that i didn't need whammy anymore... The final result: https://jsfiddle.net/jrftnp13/1/

I won't be digging into this anymore but i'm just saying this: It would be cool if you used the new ReadableStream api (the stream will be the movie and for every time the stream pulls you add a frame)

---

I would not want you to stop developing this neat little thing and use my solution to record a webm video. This has the potential of being DOM free (meaning it could run in node and web workers and even older browsers as long as you can get the frames as webp somehow)

[hasesanches]

Thank you so much for your work, it helped a lot!!!!