| author | Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr> |
| Fri, 18 Apr 2014 14:31:58 +0200 | |
| changeset 51 | 79833eaa394a |
| parent 50 | f68ecaf5265e |
| permissions | -rw-r--r-- |
|
48
1b2dffb4ac2b
add wiki (wikimd)
Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr>
parents:
diff
changeset
|
1 |
# Tapisserie |
|
1b2dffb4ac2b
add wiki (wikimd)
Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr>
parents:
diff
changeset
|
2 |
## Que fait le module ? |
|
1b2dffb4ac2b
add wiki (wikimd)
Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr>
parents:
diff
changeset
|
3 |
Le module Tapisserie permet d’afficher une fresque/frise d’images issues d’un extrait vidéo, de la parcourir en « largeur » (avancer/reculer dans l’extrait vidéo) mais également en profondeur puisque le zoom permet d’augmenter le nombre d’images de l’extrait qui forment la fresque et ainsi d’affiner le niveau de recherche. |
|
1b2dffb4ac2b
add wiki (wikimd)
Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr>
parents:
diff
changeset
|
4 |
|
|
1b2dffb4ac2b
add wiki (wikimd)
Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr>
parents:
diff
changeset
|
5 |
Pour un film, on pourra par exemple voir 9 images issues du film au premier niveau, puis 18 au second niveau, jusqu'à avoir toutes les images issues du film au dernier niveau. La tapisserie comporte pour l’instant 4 niveaux prédéfinis : |
|
1b2dffb4ac2b
add wiki (wikimd)
Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr>
parents:
diff
changeset
|
6 |
|
|
1b2dffb4ac2b
add wiki (wikimd)
Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr>
parents:
diff
changeset
|
7 |
+ le niveau 0 affiche 9 images représentant l’ensemble du film (la première et la dernière vignette représente respectivement le début et la fin du film) |
|
1b2dffb4ac2b
add wiki (wikimd)
Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr>
parents:
diff
changeset
|
8 |
+ le niveau 1 affiche N1 images où N1 = Nombres d’images du film / 81 |
|
1b2dffb4ac2b
add wiki (wikimd)
Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr>
parents:
diff
changeset
|
9 |
+ le niveau 2 affiche N2 images où N2 = Nombres d’images du film / 9 |
|
1b2dffb4ac2b
add wiki (wikimd)
Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr>
parents:
diff
changeset
|
10 |
+ le niveau 3 affiche toutes les images du film. |
|
1b2dffb4ac2b
add wiki (wikimd)
Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr>
parents:
diff
changeset
|
11 |
|
|
1b2dffb4ac2b
add wiki (wikimd)
Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr>
parents:
diff
changeset
|
12 |
La tapisserie est représentée sous forme d’une série de vignettes et permet notamment de retrouver rapidement la position d’un passage du film. On commence par regarder de façon grossière le film puis on navigue à chaque niveau pour trouver les éléments avoisinant la scène cherchée. |
|
1b2dffb4ac2b
add wiki (wikimd)
Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr>
parents:
diff
changeset
|
13 |
|
|
1b2dffb4ac2b
add wiki (wikimd)
Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr>
parents:
diff
changeset
|
14 |
Le dezoom permet de remonter au niveau supérieur et prend en compte les décalages effectués aux niveaux inférieurs. |
|
1b2dffb4ac2b
add wiki (wikimd)
Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr>
parents:
diff
changeset
|
15 |
|
|
1b2dffb4ac2b
add wiki (wikimd)
Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr>
parents:
diff
changeset
|
16 |
## Module |
|
50
f68ecaf5265e
add visualisation dossiers + general editing
Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr>
parents:
48
diff
changeset
|
17 |
<iframe src="../toolkit/exemples/tapisserie/tapestry.html" width="1140" height="370" frameborder="1" ></iframe> |
|
f68ecaf5265e
add visualisation dossiers + general editing
Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr>
parents:
48
diff
changeset
|
18 |
|
|
f68ecaf5265e
add visualisation dossiers + general editing
Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr>
parents:
48
diff
changeset
|
19 |
<script> |
|
f68ecaf5265e
add visualisation dossiers + general editing
Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr>
parents:
48
diff
changeset
|
20 |
setInterval(function(){ |
|
f68ecaf5265e
add visualisation dossiers + general editing
Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr>
parents:
48
diff
changeset
|
21 |
$( "#md-left-column" ).hide(); |
|
f68ecaf5265e
add visualisation dossiers + general editing
Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr>
parents:
48
diff
changeset
|
22 |
},1000); |
|
f68ecaf5265e
add visualisation dossiers + general editing
Nicolas Sauret <nicolas.sauret@iri.centrepompidou.fr>
parents:
48
diff
changeset
|
23 |
</script> |