![]() |
![]() |
HTML5De $1Table des matièresaucun titre
exo : faire un lecteur video, philippe crée un bouton play + pause en svg, et donne 2 id aux deux objets (il a groupé deux rectangles à bords arrondis pour la pause, et un triangle pour play), il donneun id à l'objet global qui contient les deux sous objets pause et play. Il fait le svg avec Inscape. il passe ensuite en mode xml dans inscape pour ajouter un pointer-event sur le rectangle global.
il tape ensuite un texte pour le temps courant : 00:00, il fait un autre objet pour la durée. Il leur donne un id aussi. Il créée aussi une barre de progression et une barre globale correspondant à la durée totale. Il sauve le projet en tant que plain svg il l'appellel interfacer.svg. Ensuite ans le html, il colle le source de ce fichier svg. Sous le tag vidéo. Il sauve le fichier en .xhtml pour que le parser html5 soit pris en compte. Il ajoute lwww.w3.org/1999/xhtml ddans le tag html. Il reloade... le svg apparait ! Pour relier le svg et le lecteur video il fait un peu de javascript...
|
Powered by MindTouch Deki Open Source Edition v.8.08 |