HTML 5 nouvel exemple qui tue !

5633 vidéos de formations wisibility.com/WE

« Tutorial InDesign : Mise en page automatique et - Nouvelle BO de TRON ! »

8 mars
2010

HTML 5 nouvel exemple qui tue !

Rangé dans Infos | Posté par Antony Legrand | Lien permanent

Bonjour tout le monde, vous avez sûrement remarqué que depuis un moment, on ne parle que de CSS3 et d'HTML 5. Entre les avancements typographiques pour le Webdesign et l'avenir de la vidéo et des interfaces riches en HTML5, pas mal de monde s'interrogent sur l'avenir du Flash. Le fait qu'Apple fasse tout pour ne pas intègrer cette technologie dans ses appareils (Iphone, Ipod, Ipad…) est également un exemple fort. Perso, je pense qu'effectivement pas mal de sites et d'interfaces Web vont évoluer dans ce sens, de là à voir disparaitre Flash, vu le nombre de machines dorénavant équipées du Flash Player, j'y crois moins… Seul l'avenir nous le dira… En attendant, j'avais déjà parlé sur Wisi d'HTML5 avec des exemples assez hallucinant… Aujourd'hui, je reviens avec encore un exemple qui tue !

Trouvé chez mon fournisseur officiel de liens HTML5 et CSS3 qui tuent, amusez-vous avec la petite interface créée par Andrew Hoyer… Vous bougez le tissu dans tous les sens, ajouter des points, le moteur de rendu est impressionnant, c'est super fluide, totalement intéractif et sans player spécifique (il vous faudra par contre des navigateurs récents). Une fois sur le site, je vous invite à découvrir tous les petits jeux et tests d'Andrew disponibles dans le menu à gauche…

Clair que l'HTML 5 semble être une vraie alternative à Flash et la plupart des gros acteurs liés à la vidéo sont en train de se poser pas mal de questions… Cet exemple, qui a bien tourné sur la toile, est pas mal non plus, on sait que Vimeo, Dailymotion et Youtube sont déjà sur la brèche. Je vous invite également à lire l'article sur FredCavazza concernant les interfaces riches…

++ Tony

Commentaires

Nico Le 08-03-10 (12:00) 1

Bonjour,

merci pour l'info, la vidéo est impressionnante en qualité d'affichage, lisibilité. quelle est l'extension de cette vidéo?, quel type d'encodage a été réalisée ?

Merci

Dany Le 08-03-10 (12:02) 2

Vraiment impressionnant tout ça!

http://dyvantity.com

pierluc Le 08-03-10 (14:31) 3

C'est quelque chose!

Ju' Le 08-03-10 (16:08) 4

en l'occurence, c'est plus Javascript qu'il faut remercier ici.

http://twitter.com/jupelletier

titib Le 08-03-10 (20:08) 5

@Ju': je me disais ausi en regardant le code...

Que permet réellement HTML5 (sans aucune adjonction de js)?

lyonnel Le 09-03-10 (11:14) 6

En ouvrant le moniteur d'activité, j'ai pris conscience que Firefox a un gros métro de retard dans ce domaine par rapport à Safari.
De plus, la vidéo en HD et plein écran ramait un peu sur mon imac 27" avec Firefox tandis qu'elle était parfaitement fluide sur Safari (j'espère que c'est juste dû à un mauvais encodage en Ogg.).

Le seul bémol dans tout ça, c'est justement que pour marcher sur chaque navigateur, les vidéos devront, si les choses ne changent pas, être dans plusieurs formats. Par exemple, l'exemple de SublimeVideo utilise déjà 3 videos: 1 en h264 pour Safari/Chrome, 1 en ogg pour Firefox, et une dernière, plus compréhensible, en H264 dans un format plus petit pour les iphones/ipods ).
Espérons que les prochains navigateurs à adopter le HTML5 (IE, Opera,etc..) ne vont pas, eux aussi, utiliser d'autres formats.

Ludovic Le 10-03-10 (11:29) 7

En ce qui me concerne Flash est une technologie de merde inventé par Adobe pour vendre ses logiciel propriétaires à prix d'or.

Flash est long au téléchargement: il fait fuir la plupart des internautes qui avant le téléchargement on déjà fuit votre site.

ça fait pas mal de temps que je peste sur cette technologie il est temps d'avoir une vraie technologie ouverte, standardisé et plus rapide de téléchargement.