I doubt iOS is the reason they went through all this trouble. The performance even on the iPhone 4S is miserable.
iPhone 5 web teardown: How Apple compresses video using JPEG, JSON, and canvas
51–60 of 121 posts
Re: iPhone 5 web teardown: How Apple compresses video using JPEG, JSON, and canvas
#52I'm not sure if I should be impressed by this. From a technical standpoint, it seems quite clever and unique, but it also seems like a lot of work just to avoid using a tag.
Yeah it's weird. My web developer side is impressed by the technical detail that go behind it. But my other web developer side asks why the f*ck should achieving a simple video effect on a web page should be this hard in 2012? There is a whole pattern of similar things like this in web that is killing me a little bit every day. Want to center a div on the page? No worries just wrap it in these 5 divs and apply these…
Android's XML layouts feel a lot like a non-braindead web. There are a lot of similarities really, but simple things like vertically centering an element are as easy as they should be.
Text scaling can be a PITA though.
Re: iPhone 5 web teardown: How Apple compresses video using JPEG, JSON, and canvas
#53Earlier quoted context omitted.
What's difficult about centering a box? Was that just sarcasm? A couple of approaches: Margin Auto w/ a fixed width Absolute 50% w/ negative margins Text-align center parent w/ inline-block display on children If it was sarcasm, disregard my stupidity.
That's still non-intuitive. Just do a search about centering (or X problem in CSS) and see the thousands of threads and questions and corner cases, hacks and exceptions. The whole thing feels like you are stretching something beyond what it was intended to be used for. Things like element positioning should be so so simple that if you search about it, you get nothing back because no one had a problem to ask for solut…
[deleted]
Re: iPhone 5 web teardown: How Apple compresses video using JPEG, JSON, and canvas
#54I'm not sure if I should be impressed by this. From a technical standpoint, it seems quite clever and unique, but it also seems like a lot of work just to avoid using a tag.
Yeah it's weird. My web developer side is impressed by the technical detail that go behind it. But my other web developer side asks why the f*ck should achieving a simple video effect on a web page should be this hard in 2012? There is a whole pattern of similar things like this in web that is killing me a little bit every day. Want to center a div on the page? No worries just wrap it in these 5 divs and apply these…
May I present you the flexbox model!
http://www.w3.org/TR/css3-flexbox/
http://www.html5rocks.com/en/tutorials/flexbox/quick/
If you need IE8+ support, there is also display:table and family.
Re: iPhone 5 web teardown: How Apple compresses video using JPEG, JSON, and canvas
#55Earlier quoted context omitted.
It definitely works on iPhone (I've tried on my 4S and on Simulator). Apple's JS disables the animation for iOS 4.x and below, so maybe that's why it wasn't playing on your friend's iPod.
> Apple's JS disables the animation for iOS 4.x and below, so maybe that's why it wasn't playing on your friend's iPod. I see Apple is really embracing the idea of "the one web" here, introducing web-fragmentation even among their own devices. Apple has long stopped impressing me. Back in the days when they were the clear underdogs, they were for web-standards and a unified web, because they saw how that was good, an…
There's nothing non-standards compliant about what they've done, as far as I can tell. Disabling the animation seems like an attempt at ensuring graceful degradation.
Re: iPhone 5 web teardown: How Apple compresses video using JPEG, JSON, and canvas
#56Still none of the pages on apple.com are made for small mobile screens. Only exception is the iPhone manual.
Re: iPhone 5 web teardown: How Apple compresses video using JPEG, JSON, and canvas
#57Earlier quoted context omitted.
Yeah it's weird. My web developer side is impressed by the technical detail that go behind it. But my other web developer side asks why the f*ck should achieving a simple video effect on a web page should be this hard in 2012? There is a whole pattern of similar things like this in web that is killing me a little bit every day. Want to center a div on the page? No worries just wrap it in these 5 divs and apply these…
What's difficult about centering a box? Was that just sarcasm? A couple of approaches: Margin Auto w/ a fixed width Absolute 50% w/ negative margins Text-align center parent w/ inline-block display on children If it was sarcasm, disregard my stupidity.
Right. Now center it vertically. Also don't make any assumptions (like fixed height, or display: block) about container and the box to be centered.
Re: iPhone 5 web teardown: How Apple compresses video using JPEG, JSON, and canvas
#58Nice to see they're getting bit by their own decisions.
They've gone out of their way to ensure that you can't ever play an Audio/Video clip automatically on page load in iOS Safari. Every new iOS release for the first few years included a patch to kill any new workarounds that let you do so. (Curse you iOS 4.3 for taking away our simulated clicks.)
But now they have a use case of their own that needs it, so they invent the mother of all workarounds. And now the rest of us will start using it. And it will become the "standard" way to run video on iOS Safari.
Then they'll kill it off for iOS 7. Then they'll have to come up with an even crazier workaround so that they can render their own website a few months later.
Fascinating to watch this play out.
Re: iPhone 5 web teardown: How Apple compresses video using JPEG, JSON, and canvas
#59I'm not sure if I should be impressed by this. From a technical standpoint, it seems quite clever and unique, but it also seems like a lot of work just to avoid using a tag.
Anybody knows, why can't we use GIF instead?
Re: iPhone 5 web teardown: How Apple compresses video using JPEG, JSON, and canvas
#60Maybe they should have used flash instead. That would have given them a higher percentage of successful deliveries than this solution.