Same demo video as mpeg1, 243kb, decoded in JavaScript: <a href="http://phoboslab.org/files/jsmpeg/cat/" rel="nofollow">http://phoboslab.org/files/jsmpeg/cat/</a><p>Longer demo: <a href="http://phoboslab.org/files/jsmpeg/" rel="nofollow">http://phoboslab.org/files/jsmpeg/</a>
Here's the massive jpeg sprite they use: <a href="http://gka.github.io/canvid/images/canvid-example.jpg" rel="nofollow">http://gka.github.io/canvid/images/canvid-example.jpg</a>
There is also cssvid (<a href="https://github.com/AndyTheGiant/cssVid" rel="nofollow">https://github.com/AndyTheGiant/cssVid</a>). It does the same but with background positioning instead of drawing on a canvas.
You mention you're limited to short videos due to issues with the maximum size of images on ios. Why not just generate multiple images? That way you could load the video "parts" in parallel as well.
> Because you can't embed and autoplay HTML5 videos on iOS! Yeah, that sucks.<p>Are there other legitimate use cases than using this a fallback for iOS? Curious.
How does this differ from Apple's launch of iPhone 5 website?<p>Previously: <a href="https://news.ycombinator.com/item?id=4531088" rel="nofollow">https://news.ycombinator.com/item?id=4531088</a><p>Teardown: <a href="https://docs.google.com/document/u/1/pub?id=1GWTMLjqQsQS45FWwqNG9ztQTdGF48hQYpjQHR_d1WsI" rel="nofollow">https://docs.google.com/document/u/1/pub?id=1GWTMLjqQsQS45FW...</a>
Nice, I did something similar few months a go.
<a href="http://stanko.github.io/html-canvas-video-player/" rel="nofollow">http://stanko.github.io/html-canvas-video-player/</a>
if you wanted to replicate Apple's technique, there's a neat (but discontinued) app on the mac app store called phosphor that will take in movies or frames and output in the apple-like canvas/json/jpeg 8x8 pixel blob format.<p><a href="https://www.divergentmedia.com/phosphor" rel="nofollow">https://www.divergentmedia.com/phosphor</a><p>Whether you actually <i>gain</i> anything from using this technique as opposed to other simpler techniques like canvid, well, let's just say YMMV