ABN-AMRO mobiel bankieren demo
Bij Siyou heb ik gewerkt aan de demo pagina voor mobiel bankieren bij ABN-AMRO. Op deze pagina wordt door middel van video’s uitgelegd wat je allemaal kan doen met de mobiel banieren app.
HTML5
Wanneer je binnen komt op de pagina verschijnt er een iPhone in beeld. Deze blijft vervolgens staan en beweegt langzaam heen en weer. Als je op één van de menu items klikt verschijnt een filmpje die daar mee te maken heeft. Er is niet te zien dat dit een ander filmpje is maar de bewegende iPhone vloeit over naar het nieuwe filmpje.
Met javascript (jQuery) en het HTML5 video object wordt deze overgang gemaakt. Als alternatief voor browsers die geen html5 ondersteunen wordt een Flash video aangeboden.
iPad
Er is een klein verschil tussen hoe een desktop browser en een mobiele browser omgaat met html5 video. Mobiele apparaten spelen html5 video’s fullscreen af in hun eigen videospeler. Bij iOS apparaten is ook nog een het automatisch afspelen van video’s uitgeschakeld. De gebruiker moet deze initialiseren. Een work-around met javascript is helaas dichtgetimmerd door Apple. Je kan dus niet met javascript net doen alsof je op de video hebt geklikt.
(zie: iOSReference)
Bekijk de ABN-AMRO mobiel bankieren demo
Onlangs heb ik bij 
Video in Flash is niets nieuws. Toch is er vernieuwing. Met de komst van PaperVision 3D was het al mogelijk om video in een 3d wereld te tonen maar nu wordt dit aspect nog verder benut. Tijdens een video om je heen kijken. Dus niet meer alleen recht vooruit maar ook omhoog, links, rechts, omlaag en achter, kortom 360°.
