mrt 202012
 

Firefox Iedereen die al eens een tutorial of training over HTML5 video of audio gevolgd heeft, die weet het: het wordt allemaal “eenvoudiger”, er is geen plugin meer nodig. Maar het heeft wel als gevolg dat we allemaal minimaal 2 verschillende versies van de video of de audio beschikbaar moeten stellen. Ehm, eenvoudiger?

Ja, zonder op de technische details in te gaan, het leven is nog niet eenvoudiger geworden met HTML5 video en audio. Hoewel veel mensen blij zijn dat we niet langer afhankelijk zullen zijn van een Flash-plugin om video af te spelen, is het zo dat er tot op dit moment niet één video- of audio-formaat (en dan heb ik het over een combinatie van container + codec) is dat door alle browsers op de desktop en mobiel ondersteund wordt.
Lees verder….

Deel dit bericht:
jan 292012
 

HTML5 video versus Flash video

HTML5 video versus Flash video

Er was een tijd dat uitzoeken “wat werkt er met video via internet?” gewoon betekende dat er gekeken werd wat er wel en niet mogelijk was. Sinds de iPhone en zeker sinds de komst van de iPad is het veranderd in een “Apple versus Flash” discussie. En daar heb je als aanbieder van video (en dat zijn ook docenten, bloggers, onderwijsmateriaal ontwikkelaars) helemaal niets aan. Je wilt namelijk gewoon dat “iedereen” je video’s kan bekijken.

Dat Longtalevideo dit onderzoek laat uitvoeren is op zich geruststellend. Zij maken de bekende JW player die zowel ondersteuning heeft voor Flash-video als HTML5-video. Voor hen zijn de verhoudingen interessant, maar ze hoeven ze ook niet te overdrijven.

De samenvatting op dit moment: 33% van de browsers kan niets met HTML5-video, 8% kan niets met Flash-video. MP4 en WebM hebben beiden 50% ondersteuning, en voor veel van de andere features is het een zooitje.

Deel dit bericht:

Slideshare stapt over op HTML5

 Gepubliceerd door om 21:07  Internet, Tools
sep 272011
 

Slideshare HTML5 En weer wordt Adobe Flash een beetje minder relevant. Ook Slideshare is nu bijna helemaal over op HTML5 in plaats van Flash als het gaat om het aanbieden van presentaties via hun dienst. Voor de duidelijkheid: ik heb helemaal niets tegen Flash. Integendeel, ik ben van mening dat veel kritiek op Flash het gevolg is van de kruistocht van enkele tegenstanders, maar dat terzijde.
Als een site gelijke functionaliteit in HTML5 weet te bieden als dat ze voorheen al in Flash deden, dan zul je mij niet horen mopperen.

Perfect werkt het ook bij Slideshare nog niet helemaal. Het schermvullend weergeven van een presentatiebestand op mijn iPad lukt niet echt. En de interface ziet er wel heel erg strak en grijs (lees: saai) uit. Wel fijn is dat er in ieder geval op dit moment nog geen advertenties te zien zijn in die mobiele interface.
Slideshare HTML5

Slideshare is toch nog niet overal van de Flash af. Ik zag dat het PDF-document van mijn posterpresentatie van vorig jaar wel nog gewoon Flash gebruikt. Dat document wordt ook niet getoond in de mobiele weergave van de site. Schakel je om van de mobiele weergave van de site naar de desktopweergave, dan zie je het document wel, maar kun je hem niet op de iPad bekijken vanwege het gebrek aan Flash.

 

 

Deel dit bericht:

Safari 5 wint nieuwe HTML5 test

 Gepubliceerd door om 17:19  Internet
jun 132010
 

Twee maanden geleden schreef ik dat Google Chrome de HTML5 test won. Die test kun je hier vinden en is afgelopen week bijgewerkt. Apple heeft inmiddels een nieuwe versie van Safari uitgebracht en die verslaat nu Google Chrome in de test. Dat is natuurlijk wel geinig gezien de discussie over de HTML5 demosite die Apple onlangs in de lucht bracht. Die site werkt(e) namelijk alleen als je Safari gebruikt. Niet dat de nieuwe scores nou het gelijk van Apple aantonen, maar er zullen in Cupertino ongetwijfeld een paar ontwikkelaars een lange neus maken op basis hiervan.

Hieronder staan de cijfers, ze zijn niet helemaal vergelijkbaar vanwege de gewijzigde tests.

  • Mobile Safari op iPod Touch met OS 3.0 – 122 punten + 7 punten (was: 110 punten)
  • Mobile Safari op iPhone met OS 3.1.2 – 125 punten + 7 bonus punten (was: 113 punten)
  • Safari 5.0 op Windows 7 – 207 punten + 7 bonus punten (Safari 4.0.5 was: 115 punten)
  • Firefox 3.6.3 op Windows 7 – 139 punten + 4 bonus punten (was: 101 punten)
  • Opera 10.53 op Windows 7 – 129 punten + 4 bonus punten (Opera 10.51 was: 102 punten)
  • Internet Explorer 8.0.7600.16385 op Windows 7 – 27 punten + geen bonus (was: 19 punten)
  • Google Chrome 5.0.375.70 op Windows 7 – 197 punten + 7 bonus punten (Google Chrome 5.0.371.0 was: 142 punten)

Als ik een kleine voorspelling mag doen: mij lijkt dat Google dit niet op zich laat zitten en ik neem aan dat een volgende update van Chrome het verschil weer omdraait. En de winnaars in zo’n strijd zijn natuurlijk wij als gebruikers. Want hoe beter de ondersteuning van HTML5 in onze browser(s) naar keuze, hoe minder problemen.

Deel dit bericht:

Scribd nu ook in HTML5

 Gepubliceerd door om 07:38  Internet
mei 082010
 

scribd_html5_ie8 Ik beken dat ik tamelijk sceptisch was toen Scribd aankondigde dat ze deze week de overstap zouden maken van Flash naar HTML5. Immers, de ondersteuning van HTML5 in de verschillende browsers (en dan met name Internet Explorer 8) is zeker nog niet 100% en hoe zouden ze nou ooit in staat kunnen zijn om de verschillende documenten zonder veel verlies van opmaak naar HTML5 te converteren?

Dus toen de feature live ging, moest ik dat meteen even proberen. Ik heb een Word 2007 document gemaakt met de gebruikelijke zaken: een koptekst en een voettekst, een tabel met o.a. samengevoegde kolommen en rijen, een afbeelding ingevoegd, figuren die in Word zelf getekend zijn, een grafiek, en (ok gelukkig niet zo gebruikelijk meer) een stukje Wordart.
Dat document heb ik geupload naar Sribd en ik moet zeggen het resultaat is verbluffend. Niet alleen stond het razendsnel online in zowel Flash als HTML5-formaat. Maar het werkt ook gewoon. Ik heb het nu in Chrome, Safari, Firefox en Internet Explorer 8 bekeken en het ziet er prima uit.

Je kunt het document hier uitproberen/bekijken.

Alles wat tekst had kunnen worden (inclusief de legenda in de grafiek en de tekst in de in Word getekende figuren) is nog steeds tekst. De rest (inclusief de WordArt) zijn afbeeldingen. De tabel is goed geconverteerd.
Lees verder….

Deel dit bericht:
 Reacties uitgeschakeld voor Scribd nu ook in HTML5  Tags: ,

3D Tetris in HTML5

 Gepubliceerd door om 07:05  Gaming, Internet
apr 282010
 

Tetris is zo’n spelletje waarvan het lijkt alsof het er altijd al was (is er ook al sinds 1984) en er zijn enorm veel verschillende versies van beschikbaar, die je ook online kunt spelen.

Toch nog een apart bericht erover omdat ik dit voorbeeld van een 3D Tetris spel tegen kwam dat volledig gebruik maakt van de Canvas opties van HTML5.

Het ziet er niet alleen mooi uit, het is nog best verslavend ook. Probeer maar eens. Op de website van de ontwikkelaar staan nog andere voorbeelden van het gebruik van het Canvas element in HTML5, maar die werken niet allemaal ook in Internet Explorer. Die browser heeft namelijk (nog?) geen ondersteuning voor het Canvas element. Er zijn echter JavaScript libraries (sets met code) beschikbaar waarmee je dezelfde effecten in Internet Explorer kunt bereiken. Dat is hier ook gedaan met behulp van ExCanvas. daarom kun je het voorbeeld zowel in (bijvoorbeeld) Google Chrome als in Internet Explorer bekijken.

Deel dit bericht:
 Reacties uitgeschakeld voor 3D Tetris in HTML5  Tags: , ,

Google Chrome wint HTML5 test #2

 Gepubliceerd door om 22:12  Internet
apr 232010
 

OK, het is geen echt eerlijke vergelijking. Deze presentatie is namelijk ontworpen met Google Chrome in het achterhoofd. En daarom is het dan ook niet raar dat Chrome het hier het beste doet, Safari en Firefox redden het redelijk op een afstandje gevolgd door Opera. Internet Explorer 8 slaagt er niet eens in om de startpagina van de presentatie te laten zien.

Ik heb hem bekeken in Google Chrome 5 en daar is het een indrukwekkend voorbeeld van wat HTML5  straks allemaal moet kunnen laten zien. Dat dat nu nog alleen echt helemaal goed in Google Chrome kan is iets minder belangrijk. Mits op termijn de anderen dat ook maar in voldoende mate bijhalen.

Deel dit bericht:
 Reacties uitgeschakeld voor Google Chrome wint HTML5 test #2  Tags: , ,

Google Chrome wint HTML5 test

 Gepubliceerd door om 22:34  Internet
apr 122010
 

Natuurlijk is het slechts een momentopname en natuurlijk is de test niet uitputtend. Maar de verschillen waren op punten toch wel aanzienlijk en daarom vond ik het een post waard. Op http://html5test.com/ kun je testen hoe goed de browser die je nu gebruikt om kan gaan met een aantal van de nieuwe features van HTML5.

Ik heb de tests even bekeken met zo veel mogelijk browsers waar ik zo hier toegang to had en het leverde een aardige ranking op. Maximale score is 160 punten, dit zijn de verschillende browsers:

  • Mobile Safari op iPod Touch met OS 3.0 – 110 punten
  • Mobile Safari op iPhone met OS 3.1.2 – 113 punten
  • Safari 4.0.5 op Windows 7 – 115 punten
  • Firefox 3.6.3 op Windows 7 – 101 punten
  • Opera 10.51 op Windows 7 – 102 punten
  • Internet Explorer 8.0.7600.16385  op Windows 7 – 19 punten (nee, geen typo, negentien punten)
  • Google Chrome 4.1.249.1045 op Windows 7 – 118 punten
  • Google Chrome 5.0.371.0 op Windows 7 – 142 punten

De testpagina geeft een detailoverzicht van de verschillende onderdelen die getest worden. Als iemand de tests op een Mac of Linux wil draaien, dan hoor ik de resultaten graag (hieronder in de reacties).

Met uitzondering van Internet Explorer 8 laat de pagina in ieder geval zien dat de meeste recente browsers een aardig deel van de functionaliteiten van HTML5 nu al ondersteunen. Google laat duidelijk zien dat ze zich volledig achter HTML5 geschaard hebben. Dat kun je ook wel voor Apple stellen. Als je er rekening mee houdt dat Chrome 5 nog een developers editie is (en nog niet helemaal stabiel) dan liggen beide versie 4 browsers (Safari en Chrome) heel dicht bij elkaar wat betreft score.

Het is toch wel fijn als een standaard al op stevige support kan rekenen nog voordat hij helemaal definitief is.

Deel dit bericht:

HTML5 video versus Flash video

 Gepubliceerd door om 07:09  Internet, Media
jan 252010
 

Afgelopen week kondigden zowel YouTube als Vimeo aan dat ze ondersteuning voor HTML5 video aan het uittesten waren. Dailymotion deed dat al een tijdje, maar is nou eenmaal een stukje onbekender, dus de twee berichten afgelopen week kregen meer aandacht.

In het algemeen waren het berichten die benadrukken dat dit een goede ontwikkeling is. Op zich wist ik niet dat we allemaal zoveel problemen met Flash video hadden. OK, mijn iPhone kan het niet weergeven, maar daarvan leg ik de schuld toch meer bij Apple dan bij Adobe.

Maar, ik had ook niet echt redenen om iets tegen te hebben op een verschuiving naar HTML5. Totdat ik de HTML5 opties bij Vimeo en YouTube uitprobeerde. Dat maakte duidelijk dat vooralsnog het in ieder geval eerst een stap achteruit is ten opzichte van Flash.

In de screenshot van de YouTube HTML5 speler hierboven kun je zien dat mijn High Definition screencast over linkrot er in de HTML5 speler van YouTube een stuk minder high definition uitziet. En de player van Vimeo doet het weliswaar een stuk beter met diezelfde screencast maar hier ontbreekt de fullscreen knop (heeft YouTube ook niet).

Nou zullen dat dus waarschijnlijk (hoop ik) wel zaken zijn die opgelost gaan worden. Maar ik weet niet helemaal door wie. Door elke individuele browser ontwikkelaar?

Ook is duidelijk dat Firefox op dit moment wél ondersteuning heeft voor het HTML5 element, maar niet voor de implementatie daarvan zoals door Vimeo en YouTube gekozen. Die maken namelijk beiden gebruik van H.264 voor de encoding van hun video. En in tegenstelling tot Ogg Theora zoals ondersteund door Firefox is die codec niet zomaar gratis te gebruiken.

Het lijkt er dus op alsof afhankelijkheid van een plugin die door één leverancier beheerd wordt we nu overstappen op afhankelijk van een codec die door één leverancier beheerd wordt. Van de regen in de drup dus?

Voor reguliere website bouwers en voor gewone gebruikers lijkt me dit in ieder geval op dit moment nog een ontwikkeling die niet op de korte termijn voordelen biedt. We blijven dus nog wel even bij Flash.

Deel dit bericht: