Démonstration interactive de HTML 5

html5

Les animations Flash ont eu leur époque de gloire, place au HTML5. Huit API pour introduire des éléments interactifs : vidéo, audio, édition, drag and drop, historique et offline. Exemple d’utilisation dans la suite.

Dès le début des années 2000, Yugop était une référence dans les animations interactives en Flash (le site est beaucoup plus pauvre à présent). Aujourd’hui, le HTML5 débarque un peu partout, exemple avec le site Craftymind qui propose une animation mêlant les API video et canvas. Une interaction via la souris pour faire éclater des bulles de gros pixels sur la vidéo.

Liste des API introduites par le HTML5 :

  • canvas : dessin 2D
  • video : insertion de vidéo
  • audio : inclure du son
  • contenteditable : édition de contenu
  • draggable : drag and drop (glisser – déposer)
  • API pour applications hors ligne
  • accès à l’historique