5542 sujets

Sémantique web et HTML

Bonjour Alsa,

Une fois n'est pas coutume, voici une interrogation qui vient avant même d'avoir posé un bout de code!

Après avoir vu ça:
http://html5demos.com/video
http://html5demos.com/two-videos

J'ai envie de tester les capacitées touch qu'on peut avoir avec safari ou firefox, voir même Ie, dans le cadre du contrôle d'une vidéo, tout ça en Html5.

Voici ma target:

J'ai un film, en 'n' séquence et une time line.
Cette time line est donc divisé par le nombre de séquences.
Dans chaque division on a un curseur gris.
le moment de lecture (le curseur de temps) est figuré par un curseur rouge.

Dans chaque division de time line, lorsque je clique (touche), j'active la séquence.
- je focus le curseur rouge donc.

Et lorsque j'attrape le curseur rouge, par drag and drop horizontal, je peux naviguer dans la séquence.

Le tout en HTML 5 en utilisant pourquoi pas les sliders... avec des sprites, voir des video sync en guise de curseur!!! Smiley lol


Maman!!!!!! Smiley bawling Smiley eek Smiley biggol

Clairement, je ne sais pas par où commencer.
cependant dans un soucis de lisibilité, j'ai décider d'avoir la time line toujours visible en bas de la vidéo.

(Au départ je voulais la faire apparaitre uniquement au touch sur la vidéo en elle-même)

J'imagine faire 'n' séquence vidéo, qui viendrais s'enchainer par je en sais quel moyen.. avec 'n' slider interfacé sous les vidéos linké par je ne sais quel moyen qui contrôlerai le temps...
Modifié par Jay-ko (01 Mar 2011 - 11:23)