Web 2.0
Multimédia
Internet - AI
Programmation...
Web 2.0
Multimédia
Internet - AI
Programmation...
23 juillet 2015 HTML5
aucun
Le HTML5, apporte de nombreuses fonctions au développeur web, parmi les fonctions on trouve la méthode de stockage des données: Le stockage local (localStorage).
Il est désormais possible de stocker des données localement dans votre navigateur (supportant la propriété bien sûr).
Les données sont stockées pour un site précis et peuvent récupérées sur n'importe quelle autre page du site.
Cette propriété s'annonce comme le remplacement des cookies à la différence qu'il est possible de stocker bien plus d'informations (Environ 5 Mb) et que seul le client peut accéder à ces données.
Voici un exemple de code afin de le mettre en pratique :
2 méthodes pour stocker localement:
localStorage['key'] = "Ma variable";localStorage.setitem("key", "Ma variable");Tester la compatibilité du navigateur pour le LocalStorage + d'infos
if (localStorage) {
// Le navigateur supporte le localStorage
} else {
// localStorage non supporté
}
Récupérer une variable locale (HTML5)
localStorage['Ma variable']
ou bien
localStorage.getitem['Ma variable']
Supprimer une variable locale (HTML5)
removeItem("key");Pour supprimer toutes les combinaisons clé - valeurs (key-value) vous pouvez utiliser la méthode clear: localStorage.clear();
Concernant les compatibilités navigateurs:
23 juillet 2015 HTML5, VIDEO
HTML5 Vidéo
00:00 / loading...
Star wars : épisode 1 la menace fantôme - 20th Century Fox
Vidéo en chargement : loading...
Player Vidéo HTML5
Les compatibilités de Player en HTML5 en utilisant deux formats vidéos (exemple MP4 & WebM). Le player au standard HTML5 arrive à lire la vidéo dans son browser. On ressort du tableau que seule Opéra et Internet Explorer on besoin du WebM. Il existe une alternative si vous voulez utiliser qu'un seul format (exemple MP4), il suffit d'utiliser la technologie présentée par JWPlayer (Longtail.com) voir exemple. Explication : si le player n'est pas compatible HTML5, la vidéo est diffusée en Flash Player voir exemple
TABLEAU DE COMPARAISON
CHROME (version 17.0.9)MP4 
FIREFOX (version 10.02)WebM 
INTERNET EXPLORER (version 9)MP4 
OPERA (version 11.61)WebM 
SAFARI (version 5.1.2)MP4
Le HTML5 est la dernière version en date du langage de développement web HTML. HTML 5 est le successeur de HTML 4. Le travail sur HTML 5 a commencé fin 2003
Le HTML5 comprend de nouvelles balises et de nouveaux attributs (que nous verrons un peu plus loin) pour les pages web et ouvre surtout de nouvelles possibilités de développement pour les sites mobiles.
Sur les mobiles compatibles de type Smarphone Android ou Ipad, le HTML5 permet d’utiliser et d’échanger avec des fonctionnalités propres aux smartphones (carnet d’adresse, géolocalisation, appareil photo, etc.). Avant le HTML5, seules des applications mobiles natives pouvaient utiliser ces fonctionnalités.
Vous trouverez sur les pages qui suivent des astuces, des liens, des fonctionalités que vous pourrez mettre en place sur vos sites web.
15 mai 2013 HTML5, VIDEO
Vidéo HTML5
Voici une étude de comportement de player en HTML5, cette page de test vidéo vous permettra d'éclairer votre curiosité quand à l'utilisation du HTML5 dans la lecteur de vidéo, Test de vidéo player en HTML 5, compatible compatible video MP4, WEBM, OGV, quelques exemple d'integration de vidéo en HTML5.
