Apple toont mogelijkheden HTML5

Door: Anth - 60 reacties

Flash is aan het einde van zijn latijn en HTML5 heeft de toekomst“. Dit was de conclusie die getrokken kon worden uit het interview met Steve Jobs op AllthingsD afgelopen dinsdag. Om deze bewering kracht bij te zetten heeft Apple een speciale pagina ingericht waar ze de mogelijkheden van HTML5, CSS3 en Javascript illustreren. Zo is op de pagina bijvoorbeeld te zien hoe video en audio direct in de browser kunnen worden afgespeeld met HTML5. De demo’s zijn enkel te bekijken in Safari op de computer, iPod,iPhone en iPad. Ook wordt op de pagina verwezen naar websites die al geoptimaliseerd zijn voor de iPad en kan de open brief “Thoughts on Flash” nog eens nagelezen worden.

“De demo’s hieronder illustreren hoe de laatste versie van Apple’s Safari, nieuwe Macs en alle nieuwe mobiele apparaten van Apple de mogelijkheden van HTML5, CSS3 en Javascript ondersteunen. Niet alle browsers ondersteunen deze mogelijkheden. Binnenkort zullen andere browsers volgen zodat alle fantastische mogelijkheden van deze webformaten voor iedereen beschikbaar zijn.”

Indien je dit artikel met Safari leest kun je op onderstaande afbeeldingen klikken om de demo’s direct zelf uit te proberen.
Let op: Mogelijk werken niet alle demo’s in Safari for Windows.

Reacties

60 reacties
  • Profielfoto
    Lexis

    Ik zag het ook net, en het is echt supergaaf wat er met HTML5 kan. Ik heb het onderschat. Apple heeft het bij het juiste eind.

  • Profielfoto
    bare_nature

    Het is vooral interessant om zien wat kan bereikt worden met een klein beetje HTML5 en JavaScript. Heel goed nieuws.

  • Profielfoto
    Lexis

    Haha, de pagina was bij net nog niet klaar met laden, kreeg ik bij het rondkijken in die kubus, zes grote flash vraagtekens (6 van de binnenkant van de kubus). Hier twee screenshots:
    http://grab.by/grabs/0edd382e89a26898aa50c2ebde2fca20.png
    http://grab.by/grabs/64a2c53866f14ba4ab88a959c35ec5f2.png

  • Profielfoto
    Rano

    Flash: Herfst
    HTML5 + CSS3: Lente

    Erg goed en eenvoudig verwoord door Steve Jobs.

  • Profielfoto
    MichMich

    Ik ben ook erg onder de indruk. Het probleem bij HTML(5) is echter dat je nooit zeker weet of het in alle browsers hetzelfde resultaat geeft.

    Maar ook wat mij betreft: Bye bye Flash, Hello HTML5.

  • Profielfoto
    koenvisser

    oh man, dit ziet er strak uit!

  • Profielfoto
    prullenbak

    Mooie demo’s! Maar wat slecht dat je t alleen in safari kan zien…dat bewijst niet echt dat het een nieuwe “standaard” is he? Op z’n minst had het in chrome moeten werken (want webkit).

  • Profielfoto
    PretPedKadet

    Hoe zit het met de processor belasting mensen? Is dat veel beter (minder dus) dan bij soortgelijke show-offs in flash?

  • Profielfoto
    dijkie

    volgens mij is html5 veel minder belastend voor je computer dan flash. Dat is 1 van de belangrijkste redenen dat apple flash niet ondersteund op de iphone ( en ipad enzo). Omdat het gewoon te zwaar is en veel van je batterij vraagt.

  • Profielfoto
    KingChaos

    Ik kan niet wachten! Mijn leven gaat alleen maar beter worden nu:P

  • Profielfoto
    Anth
  • Profielfoto
    Maikelw

    De demo’s zijn enkel te bekijken in Safari op de computer, iPod,iPhone en iPad.

    Meer lezen: http://www.onemorething.nl/2010/06/apple-toont-mogelijkheden-html5/#ixzz0psJ4UJWi

    correctie: Het werkt alleen bij Safari op de Mac.

  • Profielfoto
    Anth

    @MaikelW Dank! Dat is het nadeel van een kantoor zonder Windows;)

  • Profielfoto
    Maikelw

    Alleen sommige werken hier, alleen ik krijg deze melding:

    This demo requires a browser that supports CSS 3D transforms.

    To view this demo, you’ll need Safari on Mac OS X Snow Leopard, Safari on iPhone OS, or the latest WebKit Nightly Build.

  • Profielfoto
    PretPedKadet

    volgens mij is html5 veel minder belastend voor je computer dan flash. Dat is 1 van de belangrijkste redenen dat apple flash niet ondersteund op de iphone ( en ipad enzo). Omdat het gewoon te zwaar is en veel van je batterij vraagt.

    Ja klopt, dat is de theorie. Toen ik youtube in html5 bekeek vond ik de belasting echter nog steeds hoog. Was/is nog beta en ben benieuwd of de nieuwe generatie html5 toepassingen minder belastend zijn. Zit hier op de uni op windows 2000 haha dus kan het nog niet zien.
    @ anthony zo dan, slechts 10% processor belasting??? Dat gaat de goede kant op!

  • Profielfoto
    Anth

    @Pretkadet. Klopt, dit is tijdens het afspelen van de video in normale weergave(weergave in perspectief zal waarschijnlijk wel voor hogere belasting zorgen.)

  • Profielfoto
    Luukvandevin

    Whaa gruwelijk. Hoezo hebben we dit nooit eerder verzonnen?:P

  • Profielfoto
    prullenbak

    correctie: Het werkt alleen bij Safari op de Mac.

    Eh..nee hoor? Ze werken allemaal op de iphone, en op safari voor pc ook. Alleen de laatste niet, die VR-demo. De reden lijkt mij dat die gebruik maakt van hardware acceleratie, en dat werkt weer alleen met OS X.

  • Profielfoto
    Lexis

    Maar Anth, dan heb je wel een gruwelijke mac. Bij mij zit t op 40 (incl HTML5), maar als ik flash doe, dan zit safari op 30 en flash op teeeveeeeel..

  • Profielfoto
    Johan Bijlsma

    Beetje jammer van Apple dat de pagina’s niet in andere browsers te bekijken zijn. Was wel benieuwd naar de weergave in Chrome, en Firefox.

    Maar dan krijg je telkens een lightbox dat je Safari moet downloaden…

  • Profielfoto
    WiBo1953

    ik ben overtuigd!

  • Profielfoto
    Lagaffe

    Begrijp me niet verkeerd, ik vind de komst van HTML5 en CSS3 een zéér goede zaak! Maar…

    1. Ondanks dat sommige zaken al geïmplementeerd zijn in sommige browsers, is de standaard voor HTML5 en CSS3 verre van af. De verwachtingen zijn dat dit nog wel een paar jaar kan duren.

    2. Wanneer deze standaarden er dan zijn is het nog maar de vraag of alles dan al geïmplementeerd is in de browsers (en dan kijk ik vooral naar IE).

    3. Met HTML5 krijgt HTML (eindelijke) een aantal nieuwe mogelijkheden die voordien enkel via Flash (en andere plugins) mogelijk waren. Dit ondanks dat Flash daarvoor misschien niet de ideale oplossing was/is, maar het was/is de enige oplossing.

    4. HTML5 kan lang niet alles wat Flash kan! HTML5 komt overeen met versie 5/6 van Flash dat ondertussen aan versie 10 zit.

    5. De performance van zowel HTML5 is niet heilig, er zijn voorbeelden waarbij HTML5 niet moet onderdoen voor Flash.

    Conclusie:
    Ik verwacht op lange termijn dat HTML5 een aantal domeinen zal overnemen van Flash (bijvoorbeeld Video, Audio, simpele animaties). Flash zal echter niet verdwijnen want er zullen veel relevante cases bestaan waarbij HTML5 niet de oplossing is…
    Ondermeer omdat er nog geen constante is in de implementatie van HTML5 in de browsers, is Flash voor veel zaken momenteel nog steeds de aangeweze technologie.

    Oja:
    Vergeet niet dat het internet en zijn gebruikers veel te danken hebben aan Flash! Zonder Flash hadden we de afgelope jaren (en nu nog steeds) geen YouTube, geen spelletjes, geen animaties, …

  • Profielfoto
    guide506

    Yeah… filmpjes bekijken zonder een hete blazende macbook! Laat maar komen!

  • Profielfoto
    Gerwin Janssen

    Er is nog veel meer mogelijk in HTML5 en CCS3! Maar de browsers moeten ook alles gaan ondersteunen! Ik verwacht veel van 3D transforms. http://www.w3.org/TR/css3-3d-transforms/
    Zelf al beetje mee zitten spelen! Maar alleen browser “WebKit Nightly Builds” ondersteund dit. http://nightly.webkit.org/

    Voor mensen die m’n eigen HTML5 en CCS3 creatie willen bekijken: http://www.webtuts.nl:)

  • Profielfoto
    spacefreek

    Mooie mogelijkheden!

  • Profielfoto
    tinux

    Only in safari…… hahaha prachtig weer. Wat een budtoko blijft dat eigenzinnige apple toch, en dan het excuus wat men erbij verzint.

  • Profielfoto
    Maikelw

    correctie: Het werkt alleen bij Safari op de Mac.

    Eh..nee hoor? Ze werken allemaal op de iphone, en op safari voor pc ook. Alleen de laatste niet, die VR-demo. De reden lijkt mij dat die gebruik maakt van hardware acceleratie, en dat werkt weer alleen met OS X.

    Hier werkt het niet goed. Bij die laatste krijg ik inderdaad die melding, maar de rest werkt niet spoepel. Het gaat schokkerig en traag (soms werkt het helemaal niet)

    En ik heb hier nu niet een bepaald een PC met goedkope hardware staan;)
    Het ligt dus gewoon aan Safari i.c.m. HTML5

  • Profielfoto
    borimonster

    werkt heel goed op safari in mac en zelfs op de ipod touch gaat het heel goed

  • Profielfoto
    DutchMac

    Werkt prima op een iBook G4!! Beter dan flash, dat staat daarom ook uit…..

  • Profielfoto
    W0utR

    Die 360° is echt belachelijk, het zijn gewoon images, zoiets konden we al jaren geleden in javascript.

    Ik had nu toch van Apple verwacht dat ze echt iets gingen tonen waarmee ze flash gingen “killen”, maar als ik dit zie …

  • Profielfoto
    Heedless

    Haha, de pagina was bij net nog niet klaar met laden, kreeg ik bij het rondkijken in die kubus, zes grote flash vraagtekens (6 van de binnenkant van de kubus). Hier twee screenshots:
    http://grab.by/grabs/0edd382e89a26898aa50c2ebde2fca20.png
    http://grab.by/grabs/64a2c53866f14ba4ab88a959c35ec5f2.png

    Dat heeft niets te maken met flash, je ziet die ook wanneer hij een afbeelding niet kan vinden.

  • Profielfoto
    dj bazzie wazzie

    @lagaffe: Daarom is Silverlight ook erg in opkomst. Veel makkelijker dan Flash en Silverlight kan wat flash ook kan en nog meer.

  • Profielfoto
    apple_fan

    Deze hebben we ook nog.

  • Profielfoto
    RenderingRebel

    Smooooth as a babys bottom!

  • Profielfoto
    apple_fan

    en deze ook nog.

  • Profielfoto
    AppleMies

    Wel leuk dat HTML 5 maar mijn laptop fans beginnen te gieren als straaljager met HTM5 video demo. Dat betekend dus HUGE power soke die hitte genereert:slant:

  • Profielfoto
    jankojanko

    HTML5 is erg indrukwekkend. Zeker in combinatie met de nieuwe mogelijkheden die CSS3 biedt. Of we nu wel of niet Flash ondersteunen…HTML5 heeft nog een lange weg te gaan voor het een solide standaard wordt voor iedereen (en dan bedoel ik ook windows gebruikers).

    Dus hoe leuk de voorbeelden ook zijn. Jobs is te voorbarig om HTML5 als de nieuwe standaard te bombarderen.

  • Profielfoto
    iHippo

    Fijn dat je hier safari nodig voor hebt, wat je niet kunt installeren op linux.

  • Profielfoto
    Festen

    Ik bekeek de site op mijn werk op een Windows PC, en in plaats van een plugin te downloaden (Flash), hoef je alleen ‘maar’ een nieuwe browser te installeren (Safari) om de effecten te zien. Apple heeft in ieder geval wel gevoel voor humor:)

    Natuurlijk zal HTML5 over een paar jaar de standaard zijn (en eventueel plugins als Flash en Silverlight overbodig maken), maar op dit moment is het nog lang geen mainstream voor de gemiddelde internetter.

  • Profielfoto
    mac-hans

    Zal al dit moois beschikbaar zijn in de nieuwe iWeb ’10 versie?
    Dan ben ik pas echt blij.

  • Profielfoto
    Chillie

    Nice.. kan niet wachten tot een klant zegt dat ze een kick-ass HTML5 + CSS3 webapp willen! Maarja, dat zal nog wel lang duren:P

  • Profielfoto
    leng

    Ik vind net zoals Lagaffe HTML5 geen slechte zaak, maar het is inderdaad nog een technologie in ontwikkeling. Het web heeft veel te danken aan Flash (3D, games, video, webapplicaties zoals http://www.aviary.com) En nog lang en lang niet alle mensen hebben een browser die HTML5 ondersteunen.

    Verder krijg ik bij deze demos op Windows meldingen zoals “This demo contains H.264 video. Windows users can download QuickTime to enable support for this industry-standard format.” Het was toch juist de bedoeling dat je geen plugins meer nodig had, omdat alles in de browser (native) afgespeeld werd. – En zelfs dat is niet helemaal waar omdat er 3 verschillende codecs (H.264, Ogg Theora, WebM) zijn waaruit je een keuze moet maken of misschien zelfs gewoon alle videos 3x omzetten.

    En “This demo contains MPEG-4 audio. Windows users can download QuickTime to enable support for this industry-standard format.” Geweldig!!!

    En als ik eerlijk ben, dan vind ik de Flash demos op Android toch indrukwekkender.

    http://www.youtube.com/watch?v=0y7XJI4NN7k (demo mogelijkheden Flash en dat het weldegelijk werkt op mobiele apparaten)
    http://vimeo.com/11695816 (gave 3D demo – na 1:14 minuut )
    En dat terwijl het nog maar in beta is….

    Want bij deze demos zie ik toch nog geen games en geavanceerde ineractieve 3D. En natuurlijk de volledigere weergave van het web.

  • Profielfoto
    leng

    Ik vind net zoals Lagaffe HTML5 geen slechte zaak, maar het is inderdaad nog een technologie in ontwikkeling. Het web heeft veel te danken aan Flash (3D, games, video, webapplicaties zoals http://www.aviary.com) En nog lang en lang niet alle mensen hebben een browser die HTML5 ondersteunen.

    Verder krijg ik bij deze demos op Windows meldingen zoals “This demo contains H.264 video. Windows users can download QuickTime to enable support for this industry-standard format.” Het was toch juist de bedoeling dat je geen plugins meer nodig had, omdat alles in de browser (native) afgespeeld werd. – En zelfs dat is niet helemaal waar omdat er 3 verschillende codecs (H.264, Ogg Theora, WebM) zijn waaruit je een keuze moet maken of misschien zelfs gewoon alle videos 3x omzetten.

    En “This demo contains MPEG-4 audio. Windows users can download QuickTime to enable support for this industry-standard format.” Geweldig!!!

    En als ik eerlijk ben, dan vind ik de Flash demos op Android toch indrukwekkender.

    http://www.youtube.com/watch?v=0y7XJI4NN7k (demo mogelijkheden Flash en dat het weldegelijk werkt op mobiele apparaten)

    http://vimeo.com/11695816 (gave 3D demo – na 1:14 minuut )
    En dat terwijl het nog maar in beta is….

    Want bij deze demos zie ik toch nog geen games en geavanceerde ineractieve 3D. En natuurlijk de volledigere weergave van het web.

  • Profielfoto
    mephysto

    Ja heel mooi, maar ze werken dan bijna allemaal alleen op Safari.

  • Profielfoto
    Kees24
  • Profielfoto
    Kees24

    Flash is op zich helemaal niet zo slecht, Apple heeft de ondersteuning voor de hardwarematige acceleratie van de videokaart pas sinds 10.6.3 vrijgegeven. Ik heb net nog een officiële muzievideo op YouTube geprobeerd op deze Windows XP pc met een Core2Duo 3.16 GHz E8500 en daar loopt het CPU gebruik van Firefox tijdens het afspelen op naar hooguit 25%.

    Let wel, dit is op het HD 720 formaat!
    Flash op zich is dus niet zo slecht, het is ook Apple die hier ernstig tekortkomt. Het is toch schandalig dat een laptop van € 1800 met een moderne Core2Duo processor een flash filmpje niet af kan spelen zonder dat de processor richting de 100 % belasting gaat en vervolgens rustig een graad of 70 à 80 wordt. Dat HTML5 een goede ontwikkeling is, zal ik niet ontkennen, maar dat iedereen accepteert dat het inmiddels stokoude XP i.v.m. OS X 10.6 stukken beter presteert kan ik niet begrijpen.

  • Profielfoto
    worldofrick

    WOW! Laat Flash maar snel verdwijnen!

  • Profielfoto
    heronick

    heel luek allemaal hoor maar met windows gebruikers rekening houden eentje doet het er niet van die ik juist wou zien verwacht apple dat we allemaal een mac gaan halen en aleen maar safarie gaan draaien en dat dan html5 de toekomnst is zo kan ik het oook wel

  • Profielfoto
    Derzug

    Brilliant, Apple geeft weer de toon aan!

  • Profielfoto
    kasuja

    De demo doet het op mijn iPhone anders prima.

    Over 3G mwas het soms wat lang wachten tot alles geladen was maar daarna geen gestotter meer alles gewoon soepel. over WIFI sowieso alles smooth als een mothaF^@#ah.

    De volgende versie van iWeb mag van mij zeker gebruik gaan maken van de HTML5 techniek. en sowieso wat meer social invloeden die het eindelijk ook eens doen zonder dat ie op je mobile me server ruimte hoeft te staan.

    Ik hoop verder dat ze op de WWDC iets gaan aankondigen net als Aperture de PRO solution werd voor iPhoto gebruikers die uit hun jasje gegroeid zijn maar dan op het gebied van het WEB.

    Denk aan een iWeb vervanger komt voor PRO’s die goed genoeg is om met dreamweaver te kunnen concurreren en dan uiteraard vol zit met HTML5 features.

  • Profielfoto
    EWH

    Begrijp me niet verkeerd, ik vind de komst van HTML5 en CSS3 een zéér goede zaak! Maar…

    1. Ondanks dat sommige zaken al geïmplementeerd zijn in sommige browsers, is de standaard voor HTML5 en CSS3 verre van af. De verwachtingen zijn dat dit nog wel een paar jaar kan duren.

    2. Wanneer deze standaarden er dan zijn is het nog maar de vraag of alles dan al geïmplementeerd is in de browsers (en dan kijk ik vooral naar IE).

    3. Met HTML5 krijgt HTML (eindelijke) een aantal nieuwe mogelijkheden die voordien enkel via Flash (en andere plugins) mogelijk waren. Dit ondanks dat Flash daarvoor misschien niet de ideale oplossing was/is, maar het was/is de enige oplossing.

    4. HTML5 kan lang niet alles wat Flash kan! HTML5 komt overeen met versie 5/6 van Flash dat ondertussen aan versie 10 zit.

    5. De performance van zowel HTML5 is niet heilig, er zijn voorbeelden waarbij HTML5 niet moet onderdoen voor Flash.

    Conclusie:
    Ik verwacht op lange termijn dat HTML5 een aantal domeinen zal overnemen van Flash (bijvoorbeeld Video, Audio, simpele animaties). Flash zal echter niet verdwijnen want er zullen veel relevante cases bestaan waarbij HTML5 niet de oplossing is…
    Ondermeer omdat er nog geen constante is in de implementatie van HTML5 in de browsers, is Flash voor veel zaken momenteel nog steeds de aangeweze technologie.

    Oja:
    Vergeet niet dat het internet en zijn gebruikers veel te danken hebben aan Flash! Zonder Flash hadden we de afgelope jaren (en nu nog steeds) geen YouTube, geen spelletjes, geen animaties, …

    Bedankt! Eindelijk een evenwichtig commentaar en niet zoals zo vaak hier. Een verademing!:thumbsup:

  • Profielfoto
    NI3LS

    HTML5 ziet er geweldig uit. Niet verwacht.

    Bye bye Flash!

    De naam hadden ze goed: Het was maar een flits, dat Flash!:D

  • Profielfoto
    BigAL

    Steve is gewoon een zuurpruim

  • Profielfoto
    ctxppc

    Beetje jammer van Apple dat de pagina\’s niet in andere browsers te bekijken zijn. Was wel benieuwd naar de weergave in Chrome, en Firefox. Maar dan krijg je telkens een lightbox dat je Safari moet downloaden…

    Voor een goed deel is dit pure reclame, maar er zijn enkele functies van HTML5 die enkel Safari heeft. Safari’s WebKit gebruikt Mac OS X-technologiëen (veel) beter dan Chrome. En dan denk ik onder andere aan WebGL (OpenGL for the Web!).

  • Profielfoto
    W0utR

    Ik was aan het wachten tot iemand dit ging maken: http://swfhead.com/flash/

  • Profielfoto
    Andre Mesker

    @Lagaffe: Hulde! Eindelijk iemand die snapt dat Flash te veelzijdig is om zo even van de baan te vegen.

    :thumbsup:

  • Profielfoto
    ISten

    Verbaasd dat iedereen hier zo positief is. De demo’s tonen helemaal niet wat HTML5 wel degelijk in zijn mars heeft. En het feit dat het alleen in Safari te bekijken is, is een enorm smerige marketing strategie en getuigd absoluut niet van een “open” positie.

    Btw: http://theflashblog.com/?p=2069

  • Profielfoto
    dj bazzie wazzie

    @leng: Nee misschien niet maar kijk eens in hoe rap tempo iedereen voorzien kan zijn van een browser die HTML5 ondersteund. Iedereen die het internet op kan kan tevens zijn browser updaten. Wanneer wij een melding krijgen dat je een nieuwe flash speler of silverlight plugin moet installeren doen wij dat ook allemaal braaf dus waarom met een browser niet? Firefox is ook al lang bezig met HTML5 ondersteuning, een half jaar geleden hadden ze de mogelijkheid al van ‘open video’ wat nu kennelijk de video tag is in HTML5.

    Het lijkt erop dat hier veel flash ontwikkelaars zitten die bang zijn straks thuis te zitten.

    ik wil even zeggen tegen de Flash liefhebbers hier. Het is Flash developers hun eigen domme schuld dat dit hele platform een grote achteruitgang gaat maken en misschien wel ten einde komt. Ik heb gekeken naar Flash en Silverlight om web applicaties te gaan ontwikkelen. Silverlight heeft hele sterke punten voor de ontwikkelaar zoals documentatie, examples, ontwikkelomgeving etc… en je kan er dezelfde resultaten mee te behalen dan Flash. Er zijn leuke demo’s van Silverlight te vinden, de Flash developers zeggen ‘dat kan in flash ook’ alleen hebben ze het nooit gedaan. Je kan wel honderduizend keer roepen dat het op jou platform ook kan maar dan moet je het wel doen. Net zoals zeggen dat jou paard het snelst is, mensen wedden pas op je paard wanneer ze je paard een keer hebben zien lopen of winnen. Zo werkt dat ook voor de keuze van een platform, ontwikkelomgevingen of programmeertaal.

  • Profielfoto
    MadDonna

    Alles komt ooit tot een einde en het is niemands schuld.