Suivez-nous

Actualités

HTML 5 en démo sur le site d’Apple : vidéo, diaporama, son, interaction …

Publié le

 

Par

Lorsque l’on explique au monde entier qu’il doit
se passer d’une technologie (flash) pour la remplacer par une
autre
(HTML 5, CSS ..) , autant montrer que c’est possible
et expliquer comment faire
. C’est le parti qu’a pris Apple dans sa
promotion de HTML 5, CSS 3 et Javascript.

Vous pourrez donc trouver sur le site d’Apple à
l’adresse : www.apple.com/html5
une série de démonstrations montrant les capacités de HTML5 et
consors
. Vous pouvez accéder à ces pages avec votre iPhone, iPod Touch
et iPad pour tester de la
vidéo (Tron), d’un diaporama, d’une
visualisation 3D entre autres, avec la possibilité
d’interagir sur l’affichage
. Par contre depuis une machine de bureau,
vous serez redirigé vers le téléchargement du navigateur maison Safari pour les
visualiser.

html-5-iphone-ipad.jpg

Le résultat est intéressant, mais mieux encore, l’ensemble se veut
didactique puisqu’un lien est proposé pour les développeurs,
il donne accès à des exemples
de code et des explications techniques
.

Toujours en utilisant le HTML5, les développeurs de Brainium
Studios
proposent une démonstration en ligne accessible sur le
navigateur de votre iPhone de leur jeu "Hand of Greed", à
tester ici (et
vendu 0,79 euros là sur l’AppStore
).

Suivez nous sur Twitter, sur

Facebook
, via RSS, sur le site mobile de iPhon.fr ou avec
l’application dédiée iFon.fr


Source

i-nfo.fr - App officielle iPhon.fr
i-nfo.fr - App officielle iPhon.fr
Par : Keleops AG
4.4 / 5
604 avis

fondateur du site. Ingénieur en Informatique et spécialiste d'Internet ou il a occupé divers postes à responsabilité, Laurent est passionné de mobilité depuis l'arrivée des "PDA" dans les années 90. Journaliste pendant 4 ans pour le magazine Team Palmtops (Posse Presse) et auteur de plusieurs ouvrages sur l'iPad aux éditions Pearson.

27 Commentaires

27 Commentaires

  1. Observateur

    4 juin 2010 à 11 h 03 min

    C’est un peux nase comme démonstration car on sais déjà faire tout ça sans
    flash! Hormis la vidéo tout le reste existe déjà et pas besoin d’html5 ni de
    safari. un peu de javascript et un navigateur…

  2. jpvincent

    4 juin 2010 à 10 h 19 min

    pour ceux qui veulent regarder les démos HTML5 / CSS3 sans forcément
    installer Safari, il y a une autre URL, avec encore + de démos, donc la plupart
    marchent avec Chrome :
    http://developer.apple.com/safaride

  3. Zep (posté avec l'application iFon.fr)

    4 juin 2010 à 13 h 19 min

    @Raffael 1000
    je suis complètement de ton avis, mais fait garder a l’esprit que ce sont juste
    de tout petits exemples (essentiellement pour flater les yeux des ignorants 😉
    politique Jobs quoi 😉 ).
    Le seul truc qui m’a intéressé c’est la gestion de Fonts (ok c’est un peut
    lourd et encore baveux). Actuellement on a quoi? FontFace qui ne fonctionne pas
    sur tout les navigateur et qui est aussi un peux lourd, Google fonts devient
    intéressant et sIFR. cette alternative mérite d’apporter des fonts dynamique
    avec rotations par ex dans un design sans passer par une image (bon après si la
    fonts fait 800Ko comme dans un de ces exemple c’est pas top)

  4. phm123

    4 juin 2010 à 10 h 28 min

    "Par contre depuis une machine de bureau, vous serez redirigé vers le
    téléchargement du navigateur maison Safari pour les visualiser."

    Pas très sérieux … Juste que si vous etes sous Firefox et IE8(qui ne
    supportent pas le html5) il vous invite à télécharger Safari car il le
    supporte. D’ailleurs ceux qui sont sous crhome devrait pouvoir lire le contenu
    sans être invité à telecharger safari.

    Avis au rédacteur de corriger cette erreur !

  5. 00tristan00 (posté avec l'application iFon.fr)

    4 juin 2010 à 17 h 24 min

    @Jul-59 1
    l’HTML5 est une nouvelle technologie qui en est qu’à ses débuts. Alors que
    Flash a fait ses preuves depuis un certain temps. Et franchement je pense que
    l’htm5 va faire naitre un web nouveau.

  6. Cpugourou (posté avec l'application iFon.fr)

    5 juin 2010 à 8 h 37 min

    Amusant le html5 mais en javascript le fait en " no brainer". Ca prend 5
    minutes a faire et ca marche sur tout les navigateurs.

    Le javascript est vraiment superieur.

  7. Kalvin

    4 juin 2010 à 12 h 22 min

    mias j’ai firefox dernière version et le HTML5 est incrusté…. pourquoi je
    dois télécharger le browswer de Apple ?

    A mon avis… c’est un example pour tester leur navigateur… car en effet,
    tous ces tests existent et fonctionnent parfaitement sans HTML5 (y a 4-5 ans
    que je les avait testé !!)

  8. datagrid

    5 juin 2010 à 12 h 50 min

    pas mal de ces demos tournent aussi sous Android, voir mon test sur Nexus
    One avec Android 2.2 Froyo beta :


    http://www.android-pour-les-nuls.fr

    d’autres tournent aussi mais je n’ai pas mis a jour mon test encore

  9. DigaderFox

    4 juin 2010 à 10 h 27 min

    Luttons pour la suppression de Flash et un web plus ouvert : Téléchargez
    tous Safari !

    (Allons…)

  10. KhArN27

    4 juin 2010 à 11 h 13 min

    @DigaderFox :
    MDR !!!!
    C’était exactement ce que j’étais en train de me dire ^^…

    @Eddy13009 :
    N’en fais pas de trop non plus hein ^^…
    Le jour ou je verrai des jeux a la Sonic codé en Html 5, ok, mais la…

  11. Raffael

    4 juin 2010 à 12 h 39 min

    Je suis hilare !

    En premier lieu, comment ne pas dénoncer le fait qu’on nous impose
    l’utilisation de Safari pour visionner ces pages alors que Chrome, Firefox ou
    Opera supportent le CCS3 et le HTML5, au moins partiellement. Ça en dit long
    sur la position d’Apple qui prétend, de façon éhontée, défendre un modèle «
    libre » du net. Félicitons plus particulièrement Steve Jobs pour ses récentes
    déclarations parfaitement mensongères !

    En second lieu, j’ajouterai que les performances des exemples qu’on nous
    présente ici sont bien faibles.

    Le texte de Typography est aliasé et le module ne fonctionne pas tant que
    l’exécution de Javascript n’est pas terminée, alors que l’interface est
    pourtant déjà visible. Les commandes répondent bien mais on peut voir
    distinctement que la rotation et le changement de taille se font par
    paliers.

    Gallery n’intègre pas de preloader et manque cruellement de fluidité.
    Beaucoup trop pour flatter l’œil.

    Transitions a planté ! J’actualise, je choisis la transition « Fade Through
    » qui s’exécute péniblement sans même attendre que le téléchargement de la
    première image ne soit terminé. Toujours pas de preloader.

    Audio : Aucun contrôle excepté Play et Stop. Pas de spectre. Même Jquery
    fait mieux.

    VR : T’as pas de Mac ? Passe ton chemin.

    Video : Encore pas de preloader. Décidemment ! Sinon, c’est OK.

    360° : Rien à signaler.

    Pour presque chacun de ces exemples, Flash produit des résultats infiniment
    meilleurs entre les mains de quelqu’un de sérieux et de compétent. En ma
    qualité de « développeur », je reste enthousiasmé par l’adoption du HTML5 et de
    CSS3, mais de là à prétendre qu’ils se présentent en alternative sérieuse et
    avantageuse à Flash, il reste encore un bout de chemin, même avec une bonne
    dose de Javascript.

  12. Zep (posté avec l'application iFon.fr)

    4 juin 2010 à 12 h 27 min

    C’est quand même (en tout cas encore) a des années lumières de ce que peut
    faire Flash ou Flex !!!

  13. stephen

    4 juin 2010 à 15 h 30 min

    flash a encore de beau jours devant lui… 🙂

  14. tux

    4 juin 2010 à 11 h 35 min

    pppfffff sa fait planter mon 3G mdr en wifesse en plus !!!

  15. iFan

    4 juin 2010 à 16 h 52 min

    rien plante dans cette page. sinon vous avez des ordis de merde, il faut les
    changer ….. 😉

    et (raffael) rien manque non plus, plus esthétique que ça, vous trouverez
    pas ailleurs.

    allez retournez à vos PC de merde.

  16. Sunny

    4 juin 2010 à 21 h 51 min

    Comparons plutôt avec un exemple en flash…

    http://www.gettheglass.com/

    J’attends l’équivalent en html5…

  17. malko

    4 juin 2010 à 11 h 51 min

    ça plante, c’est uniquement safari compatible, on va dans le mur….

  18. Moitem

    4 juin 2010 à 13 h 10 min

    Tout fonctionne depuis l’ipad…sauf l’essentiel, la vidéo.
    J’ai pu regardé 1 seconde de vidéo…

  19. David16 (posté avec l'application iFon.fr)

    5 juin 2010 à 0 h 19 min

    Moi ça marche niquel ! Sur 3 gs !!!!! M enfin juste la galére de cette
    guéguérre …. Faut qu ils arrêtent

  20. Thierry

    4 juin 2010 à 12 h 41 min

    sans aller outre atlantique il y a déjà des webapp utilisant HTML5 et CSS3
    tel que la télécommande pour freebox sur http://boxmote.fr 😉

  21. matt75 (posté avec l'application iFon.fr)

    4 juin 2010 à 11 h 13 min

    superbe demo de video qui a fait planter mon 3GS mdr… ca promet!

  22. Cdp86

    4 juin 2010 à 15 h 14 min

    C’est juste chez moi ou le site d’Apple a des temps de réponses exécrables
    depuis plusieurs semaines ???

  23. KhArN27

    4 juin 2010 à 13 h 26 min

    Oué pour résumé…
    Nous donner ça "à manger" en disant :
    "T’inquiete pas, avec moi tu vas oublier le flash.."
    C’est plus que très moyen.
    Sans parler du fait de forcer l’utilisateur à installer Safari, pour voir trois
    ou quatre effets moisies deja vu et revu (meme sans Flash) mais cette fois, en
    moins bien….
    Non si ça c’est pas du fouttage de G. !!!

  24. Jul-59 (posté avec l'application iFon.fr)

    4 juin 2010 à 15 h 50 min

    Arrêtez de comparer flash au html5! Le language flash a plusieurs années
    derrière lui contrairement au html5 qui ne fait que commencer. Je ne suis pas
    un "apple addict" mais faut cesser de comparer ce qui n’est pas comparable!

  25. Zep

    4 juin 2010 à 13 h 59 min

    @Raffael +1000
    je suis complètement de ton avis, mais fait garder a l’esprit que ce sont juste
    de tout petits exemples (essentiellement pour flater les yeux des ignorants 😉
    politique Jobs quoi 😉 ).
    Le seul truc qui m’a intéressé c’est la gestion de Fonts (ok c’est un peut
    lourd et encore baveux). Actuellement on a quoi? FontFace qui ne fonctionne pas
    sur tout les navigateur et qui est aussi un peux lourd, Google fonts devient
    intéressant et sIFR. cette alternative mérite d’apporter des fonts dynamique
    avec rotations par ex dans un design sans passer par une image (bon après si la
    fonts fait 800Ko comme dans un de ces exemples c’est pas top) mais ça reste
    très intéressant.

    Moi ce qui m’a fait rire ce n’est pas seulement le Safari obligatoire, ou
    les animations pas fluide ou absence de preload, c’est les exemples en général
    qui veulent montrer que "voici ce que vous connaissez sur le web! Mais avec le
    html5, vous voyez, c’est encore mieux!"…. Ben, je suis pas ébloui moi MDR
    !!!
    et le calendrier m’a bien amusé hihi

    j’ai pu tester qlq sites full Flash (que j’ai et qui n’utilisaient pas
    encore les nouvelles fonctions du player 10.1) avec moteur 3D texturé avec
    images et vidéos sur Android Google Phone, et je peux dire " ok c’est un peu
    moins fluide que sur un ordinateur, mais surtout, c’est bien plus fluide que
    ces exemples d’Apple de galeries !!! Et ça sur mon 3GS 😉

    Après faut aussi savoir que le JavaScript et jQuery son t des codes par
    prototypages et non Objet comme l’ActionScript de Flash ou Flex. Quand je fait
    du jQuery j’ai l’impression de faire de l’ActionScript-1 qui était a l’époque
    aussi un language prototypé et evenementiel, maintenant nous sommes a
    l’ActionScript-3 qui est POO et aussi en typage fort!

    Ce qui m’intéresse c’est de tester/savoir le temps de developpement d’un
    projet personnalisé, ex une galerie images et vidéos avec effet de transition +
    gestion des erreurs etc… en html5 vs Flash 🙂 je ne serais pas du tout étonné
    que le dev Flash l’emporte grandement tout en y apportant des choses en plus
    😉

    je reste totalement du même avis que @ Raffael, ces exemples sont nul,
    prettent a sourire, n’impressionnent que les neophites, même si je suis quand
    même content de voir que le web avance et qui va devenir plus animé et
    personnalisé dans le "future".
    Cependant, de la a penser que ce format html pourrait surplanter le format swf
    du flash MDR !!!

    Le point a se rappeler concernant ceci (sans parler des c* que nous raconte
    ce bonimenteur egocentriste de SJ), c’est que le web avance, et est
    indéniablement bouster par SJ et son envie de monopole!
    😉

  26. dironix (posté avec l'application iFon.fr)

    4 juin 2010 à 15 h 49 min

    c’est pas franchement covainquant … plantage de l’audio c’est moins bien
    evidament de ce que l’on peux faire avec flash mais le conflie qui oppose Apple
    a Adobe les obligent a trouvre une alternative … mais la va faloir faire
    beaucoup mieux pour nous convaincre

  27. parier

    25 octobre 2010 à 18 h 06 min

    Moi aussi mon 3g a planté lorsque j’ai voulu visionner la vidéo, c’est balot
    !

Laisser un commentaire

Votre adresse e-mail ne sera pas publiée. Les champs obligatoires sont indiqués avec *

Nos sites : 01net | Journal du Geek | Presse-citron
Copyright © 2024 iPhon.fr

Apple, le logo Apple, iPod, iTunes et Mac sont des marques d’Apple Inc., déposées aux États-Unis et dans d’autres pays. iPhone et MacBook Air sont des marques déposées d’Apple Inc. MobileMe est une marque de service d’Apple Inc iPhon.fr et son forum ne sont pas liés à Apple et les marques citées sont la propriété de leurs détenteurs respectifs.