HTML 5 en démo sur le site d’Apple : vidéo, diaporama, son, interaction …
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.
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
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…
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…
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)
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 !
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.
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.
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é !!)
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
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…)
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…
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.
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 !!!
stephen
4 juin 2010 à 15 h 30 min
flash a encore de beau jours devant lui… 🙂
tux
4 juin 2010 à 11 h 35 min
pppfffff sa fait planter mon 3G mdr en wifesse en plus !!!
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.
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…
malko
4 juin 2010 à 11 h 51 min
ça plante, c’est uniquement safari compatible, on va dans le mur….
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…
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
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 😉
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!
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 ???
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. !!!
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!
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!
😉
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
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
!