De ontwikkelaar van Wazapp, het WhatsApp alternatief voor de Nokia N9 heeft vanavond kenbaar gemaakt op TMO en Twitter dat hij een publieke beta van de app op 1 mei zal vrijgeven. Daarmee komt na maanden wachten dan toch WhatsApp beschikbaar op de N9.

Het blijft wel jammer dat dit vanuit de community moet komen. WhatsApp is vaak genoeg gevraagd om een client voor de N9. Helaas wilde ze er niet aan. Wellicht omdat ze het platform te klein vinden, een paar miljoen gebruikers maximaal. Maar door slim ontwikkelen is het mogelijk om één client te hebben voor zowel de N9 als voor alle Symbian^3 toestellen zoals de N8, E7, 701 en 808 PureView.

tgalal

Op veel websites zie je (met name) menu-elementen die, zodra je er met de muis overheen gaat, openklappen. Dit is een veelgebruikte techniek die het mogelijk maakt om een uitgebreide navigatie te plaatsen in relatief weinig ruimte. Maar de techniek is natuurlijk op allerlei elementen te plaatsen. Bijvoorbeeld een kleine preview tonen van een afbeelding en deze in beeld schuiven als je er met de muis boven hangt (los van css transitions die hier ook vanalles mee kunnen).

Maar het ging dus om het openklappende menu op basis van een hover. Denk aan een volgende structuur

<style>
  li ul {display: none;}
  li:hover ul {display: block;}
</style>

<ul>
  <li>
    Menu entry 1
    <ul>
      <li><a href="#">Subentry</a></li>
      <li><a href="#">Subentry</a></li>
  </li>
  <li>
    Menu entry 2
  </li>
</ul>

Dit werkt op elke moderne browser. Dit werkt ook op de meeste mobiele browsers, waaronder Android en Symbian. Maar dit werkt helaas niet op iOS. Daar moet dus een oplossing voor komen.

De oplossing kan zijn om het openklappen met Javascript te regelen. Dat heeft echter impact voor alle bezoekers van de site, terwijl het probleem zich beperkt tot iOS. Dat geniet niet mijn voorkeur. Liever dus een fix die specifiek is voor iOS. Dat kan

Lees verder →

Hoe goed is jouw smartphonescherm? Of anders gezegd, hoe goed is het scherm van de Nokia Lumia 900, de HTC One X en de iPhone 4S. Wel zo'n beetje de telefoons van dit moment. Is dat Retina-scherm waar Apple zo trots op is ook zoveel beter dan wat de concurrentie te bieden heeft.

Download de video

Lees verder →

HTML5 is het buzzwoord, Flash is vies en de <video>-tag is de toekomst. Heel goed, Steve kreeg zijn zin. Nu de uitvoering nog. Die brengt vaak toch issues met zich mee. Zoals dat het ene platform/browser de ene codec ondersteund, het andere platform weer wat anders. Zoek maar eens op Google en je zult zien dat het een groot feest is.

Helaas ben ik er toch al meermaals tegenaan gelopen dat het allemaal net iets moeilijker gaat dan je zou verwachten. Dit wordt met name veroorzaakt door de aanwezigheid van mobiele devices en tablets. Reden dus om het eens verder uit te zoeken te te kijken waarom andere oplossingen zoals "Video for Everybody!" toch niet altijd werken.

Aan de slag

Aan de slag dan maar. Gelukkig is het meeste nu wel uitgedacht en geïmplementeerd (in HTML5). De video-tag in zijn simpelste vorm is als volgt:

<video src="hippevideo.mp4" controls />

Helaas, je bent er nog niet. Zo hebben met name mobieltjes nog wel eens moeite met bepalen hoe ze een MP4-bestand moeten afspelen, zelfs als de benodigde codes gewoon worden ondersteund. Dit is gelukkig eenvoudig op te lossen door zelf te benoemen welk type en vooral welke codes worden gebruikt:

<video src="hippevideo.mp4" type="video/mp4; codecs='avc1.42001E, mp4a.40.2'" controls />

Zijn we er dan? Nee. Een ander probleem is dat de verschillende browsers en devices verschillende formaten ondersteunen. Het formaat hierboven, MP4, maakt gebruik van gepatenteerde codecs. Om die reden wordt dit formaat niet ondersteund door Firefox en Opera. Ook Google geeft hier geen voorkeur aan.

Tot ongeveer een jaar geleden was het alternatief OGG. Deze codec werd wel door Chrome, Firefox en Opera ondersteund, maar over het algemeen is de mening dat de beeldkwaliteit bij dezelfde bestandsgrootte net wat minder is dan MP4. En nog wat diplomatieke redenen. Safari en Internet Explorer ondersteunen echter weer geen OGG.

Google heeft daar een oplossing voor gekocht en beschikbaar gesteld: WebM. Deze standaard doet niet onder voor MP4, maar er rusten geen patenten op. Helaas voor alle sitebouwers, Safari en Internet Explorer ondersteunen WebM (nog) niet. Net als verschillende mobiele devices.

Dus wat nu

Dus wat nu? Nu weten we dat er ten minste twee formaten nodig zijn: MP4 en WebM. Eventueel aangevuld met OGG. Hoe?

<video controls>
  <source src="hippevideo.mp4" type="video/mp4;  codecs='avc1.42001E, mp4a.40.2'"/>
  <source src="hippevideo.webm" type="video/webm; codecs='vp8.0, vorbis'"/>
  <source src="hippevideo.ogv" type="video/ogg;  codecs='theora, vorbis'"/>
</video>

Nu wordt het allemaal al een stuk completer. Ten eerste zijn er meerdere videoformaten beschikbaar. Praktisch hierbij is om als eerste MP4 aan te bieden. Met name de mobiele apparaten hebben hier profeit van. In sommige gevallen is dit zelfs noodzaak. In sommige gevallen kan het namelijk zijn dat de audio in het bestand wel wordt ondersteund en de video niet. In dat geval zal toch de video worden afgespeeld met slechts deels ondersteuning terwijl een ander format wellicht wel geheel wordt ondersteund.

Lees verder →

Sinds een paar maanden wordt er ontwikkeld aan een WhatsApp client voor de Nokia N9, N950 en N900. Er zijn een paar initiatieven geweest, waarover ik ook eerder schreef. Maar de ontwikkeling van Wazapp lijkt de meeste potentie te hebben. Helaas werd de ontwikkelaar Tarek Galal (@tgalal) de laatste tijd uitgemaakt voor een neppert in de Developer thread op TMO. Om een eind te maken aan deze beschuldigingen heeft hij een video online gezet om te laten zien hoe ver hij inmiddels is met de ontwikkelingen.

Let ook op wat hij schrijft