Améliorations des API en HTML5

La spécification a pris le parti de mettre JavaScript en avant, avec des API standards qui pourront être implémentées dans tous les navigateurs.

HTML5 propose désormais :
• Le stockage hors ligne (dans le navigateur).
• Le glisser-déposer basé sur des événements JavaScript (ou jQuery)
• L'insertion de média audio et vidéo avec les balises <audio> et <video> et leurs attributs width, height et src.
• La géolocalisation qui permet de déterminer la position géographique par programmation.

Plus d'infos sur AlsaCréations ou sur Pompage.net ou sur Scriptol.fr ainsi qu'un article d'Olivier Croisier sur les API en HTML5 et le Blog XEBIA France sur les nouveaux éléments HTML5 et les API JavaScript en HTML5.

Exemple d'API HTML5 de Géolocalisation

Il s'agit d'une nouvelle méthode de l'objet javascript Navigator. Exemple :

<script>navigator.geolocation.getCurrentPosition();</script>

La Géo-localisation, ou Geolocation en anglais est une nouvelle API qui permet de récupérer auprès de l'objet navigator, les coordonnées complètes de l'utilisateur (longitude, latitude, et altitude).

C'est comme ça que fonctionne le bouton "Where am I" de google maps sur l'iPhone par exemple. La spécification va un peu plus loin en permettant de faire un suivi de la position courante, de connaitre la vitesse et de retrouver la dernière position connue en cas d'indisponibilité.

Exemple de Géolocalisation :


Source de cet exemple : The Google Maps Javascript API

Pour aller plus loin...

• Autre exemple chez TAI-DEV : www.tai-dev.co.uk/experiments/geolocation/
• page explicative (us)
• Une clé d'utilisation de Google Maps peut-être trouvée à cette adresse: http://code.google.com/apis/maps/
• Voir aussi les spécifications du W3c
• et ce site de démo et celui là