HTML5 demo's van Apple zijn misleidend

Apple heeft op zijn website een demo geplaatst met een aantal leuke zaken je allemaal kan maken en zien met HTML 5. Deze demo's zijn zichtbaar voor Safari gebruikers, iPhone en iPad gebruikers. Die vormen thans in totaal zo'n 4,7% van de totale webgebruikers. Omdat HTML 5 helaas een nogal gebrekkige ondersteuning kent heeft Apple besloten om deze demo's alleen toegankelijk te maken voor Safari gebruikers op Mac, Windows of de Iphone en iPad. Maar ook hier zijn weer beperkingen, zo kan je met een Mac met 10.5.8 en Safari deze demo niet zien.

Het is leuk dat HTML 5 tot op zekere hoogte deze zaken mogelijk maakt, maar echt vernieuwend of een vooruitgang kan je de demo's geenszins noemen. Laten we de demo's eens één voor één onder de loep nemen.

Video

Video demo

Alles in deze demo is sinds 2002 mogelijk met Flash 6 en hoger. Hierin zien we een video, die geschaald kan worden.  Wat fraai aan deze video is, is dat wat je niet direct opvalt: dat het minder CPU verbruikt dan een flashvideo. Maar dat is iets waar eigenlijk bijna alleen Applegebruikers last van hebben.
Wat niet vermeld wordt is dat HTML 5 ondertiteling, transparantie (bluescreens!), en synchronisatie met andere onderdelen op de pagina niet ondersteund. Dat zijn zaken die Flash wel ondersteund. Een mooi voorbeeld hoeveel verder Flash kan gaan met video is de jaycut editor. Hiermee kan je niet alleen video afspelen, maar ook bewerken. Daarnaast zijn er natuurlijk ook legio voorbeelden met webcams online, zoals chatroulette.com, een website die zonder Flash onmogelijk is te bouwen.

Typografie

Typografie

Alles wat je in deze demo ziet is al sinds 1996 mogelijk met Flash 1 (FutureSplash) en hoger, alleen het 'verslepen' werd pas sinds 1998 mogelijk met Flash 3. In de demo wordt met name @font-face gedemonstreerd. Helaas worden deze webfonts door alle browsers op een andere manier getoond. Fonts in flash zien er daarentegen in alle browsers exact hetzelfde uit. Overigens bestaat er al langere tijd een techniek die eigenlijk beter is dan de hier voorgestelde techniek: cufon, want cufon wordt wél ondersteund door Internet Explorer 6+, en @font-face niet.

Gallery

Gallery

Het maken van een dergelijke fotogalerie is sinds 1998 mogelijk met Flash. Sinds 2005 (Flash 8  ) worden filters zoals 'vervaag' ondersteund. In deze fotogalerie zien we vage foto's op de achtergrond en scherpe op de voorgrond. De vage foto's op de achtergrond zijn andere afbeeldingen. Indien deze galerie met Flash gemaakt zou worden, dan zou de bestandsgrootte gehalveerd kunnen worden door het toepassen van het vervaag-filter die dan ook nog eens dynamisch ingezet kan worden. Een meer recent voorbeeld hoe Flash ingezet kan worden is Cooliris, zoals hier toegepast in de Wallstreet Journal.

Transitions

Transitions

Deze getoonde effecten zijn sinds 2005 mogelijk met Flash 8 en hoger. Bovendien biedt Flash tegenwoordig aanzienlijk meer mogelijkheden dan hier getoond worden. Een fraai voorbeeld wat er tegenwoordig allemaal mogelijk is met het bewerken van foto's in een webbrowser is sumopaint.com

Audio

Audio

Geluid wordt al sinds Flash 2 ondersteund door Flash. Sinds Flash 4 (1999) kan Flash ook MP3 extern inladen. Inmiddels is het aantal geluidsformaten dat Flash kan afspelen behoorlijk uitgebreid en kan het ook metatags van extrene MP3 bestanden inlezen. Een mooi voorbeeld hoe audio in Flash kan worden toegepast is de innovatieve firestarter op audiotool.com.

360 graden

360 graden en VR

Technisch is wat in het eerste voorbeeld gedemonstreerd wordt mogelijk met Flash sinds 1998... Het tweede voorbeeld op een acceptabele wijze sinds de introductie van Papervision 3D in 2007.De gebruikte technieken zijn echter met de tijd meegeëvolueerd. Tegenwoordig is het met Flash zelfs mogelijk om een 3D omgeving te maken waarin alles interactie en video bevat. En dat niet alleen, ook 3D spellen behoren inmiddels tot de mogelijkheden van Flash. En die 3D-spellen kunnen ook met behulp van een webcam en augmented reality gespeeld worden.

Canvas pixel manipulation

Canvas pixel manipulation

Technisch zijn de hier getoonde filtereffecten mogelijk sinds 2005 (Flash 8). Inmiddels is er al heel wat meer mogelijk met Flash en daarnaast ook in aanzienlijk hogere kwaliteit. Zie aviary.com peacock voor een voorbeeld.

Sticky notes

Sticky notes

Hier zien we een voorbeeld van 'sticky notes'. Tja, wij maakten in 2001 dropnotes. Volledig te vergelijk met deze sticky notes alleen beter. Je kon de opmaak wijzigen en deze niet alleen op je weigen websiet maar ook op andere websites plaatsen. De flashlaag was transparant en kwam over de html-website te liggen.

Concert poster

Concert poster

Deze pagina kon 14 jaar geleden gemaakt worden met Flash 1.

Checkers

Checkers

Sinds Flash 5 (2000) is het mogelijk om een spel als dammen te maken. Flash is in die tijd echter een stuk verder dan dammen gekomen. Het is niet voor niets dan meer dan 75% van alle online games met Flash zijn gemaakt, van multiplayer adventure games tot 3d-racespellen als deze. Eigenlijk is het beschamend dat Apple met een damspelletje wil aantonen hoe ver HTML 5 wel niet is gevorderd. Juist op het gebied van spellen is Flash in alle opzichten superieur aan wat met HTML 5 mogelijk is, dat laat dit voorbeeld mooi zien.

Tags: opinie