| author | cavaliet |
| Mon, 28 Oct 2013 10:42:40 +0100 | |
| changeset 43 | 7644a8917c49 |
| parent 42 | d6ed86b9aa24 |
| child 44 | 102c8e608366 |
| permissions | -rwxr-xr-x |
| 0 | 1 |
<!doctype html> |
2 |
<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7" lang="fr"> <![endif]--> |
|
3 |
<!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8" lang="fr"> <![endif]--> |
|
4 |
<!--[if IE 8]> <html class="no-js lt-ie9" lang="fr"> <![endif]--> |
|
5 |
<!--[if gt IE 8]><!--> <html class="no-js" lang="fr"> <!--<![endif]--> |
|
6 |
<head> |
|
7 |
<meta charset="utf-8"> |
|
8 |
<title>Digital Studies - Home</title> |
|
9 |
<link rel="stylesheet" href="./lib/bootstrap/css/bootstrap.min.css"> |
|
10 |
<link rel="stylesheet" href="./css/ds.css"> |
|
11 |
</head> |
|
12 |
<body> |
|
13 |
<div id="wrapper"> |
|
14 |
<header class="navbar navbar-inverse" role="banner"> |
|
15 |
<div class="container"> |
|
16 |
<nav class="collapse navbar-collapse bs-navbar-collapse" role="navigation"> |
|
17 |
<ul class="nav navbar-nav"> |
|
18 |
<li> |
|
| 37 | 19 |
<a href="/"><img src="./img/newlogods2.png" alt="Logo Digital Studies" /></a> |
| 0 | 20 |
</li> |
21 |
</ul> |
|
22 |
<ul class="nav navbar-nav" style="float:right;"> |
|
| 7 | 23 |
<li><a href="http://www.lemonde.fr" target="_blank" title="Article de Bernard Stiegler dans Le Monde">Le Monde</a></li> |
| 8 | 24 |
<li><a href="http://www.france-universite-numerique.fr/" target="_blank" title="France Université Numérique">FUN</a></li> |
| 7 | 25 |
<li><a href="http://pharmakon.fr/" target="_blank">Pharmakon</a></li> |
| 22 | 26 |
<li><a href="http://digital-studies.org/">Digital Studies</a></li> |
| 0 | 27 |
</ul> |
28 |
</nav> |
|
29 |
</div> |
|
30 |
</header> |
|
31 |
<div class="container"> |
|
| 34 | 32 |
<div class="row tabmatrow"> |
33 |
<div class="col-md-6"> |
|
34 |
<button type="button" class="btn" id="tabmat">Table des matières <b class="caret"></b></button> |
|
35 |
<div id="titles" class="over-text" style="display:none;"> |
|
36 |
<div class="videotitle" id="videotitle0"> |
|
37 |
<p><a class="videolink hand" data-videoid="0">Résumé vidéo</a> (4'57) <button type="button" class="btn btn-info btn-xs" data-toggle="collapse" data-target="#abstract">Lire le résumé de l'article</button></p> |
|
38 |
<div id="abstract" class="collapse"> |
|
| 40 | 39 |
<p>Avec l’apparition du numérique, c’est la nature même des savoirs sous toutes leurs formes qui a changé tandis qu’avec le web, l’écriture réticulaire devenait accessible aux publics les plus divers. Ceux-ci ont redéfini les conditions de la parité. De ce fait l’université, dont les disciplines sont elles-mêmes fondées sur la parité (dont on peut dire que l’inventeur est Thalès), est entrée dans un nouvel âge. C’est cette transformation majeure, massive et à bien des égards stupéfiante qui requiert le développement des <em>digital studies</em>.</p> |
40 |
<p>L’enjeu que constitue le développement des enseignements numériques vient rationnellement <em>après</em> celui de la recherche et des études numériques. S’il s’agit bien d’impulser une dynamique qui repense les rapports des savoirs à leurs supports (dont les MOOCs), il faut que les universités et les institutions académiques, par la recherche, redéfinisse leur rôle dans ce nouveau contexte.</p> |
|
41 |
<p>La technologie du vidéolivre, qui est un support nouveau pour un réseau de lecteurs constituant une communauté plurielle d’interprétations, est un exemple des nouveaux dispositifs de débats publics et de controverses scientifiques rendus possibles par le numérique et auxquels il est fondamental d’initier et d’associer le plus tôt possible les étudiants à travers de nouvelles formes, contributives, d’éditorialisation des enseignements.</p> |
|
| 34 | 42 |
</div> |
43 |
</div> |
|
44 |
<div class="videotitle" id="videotitle1"> |
|
45 |
<p>Chapitre 1 : L'État et le numérique<br/><a class="videolink hand" data-videoid="1r">résumé</a> (2'25) ou <a class="videolink hand" data-videoid="full" data-segid="s_4A4E73E4-D9D6-8CAF-D0BC-C25BB3FB74D1">vidéo complète</a></p> |
|
46 |
</div> |
|
47 |
<div class="videotitle" id="videotitle2"> |
|
48 |
<p>Chapitre 2 : Technologies, savoirs et sociétés<br/><a class="videolink hand" data-videoid="2r">résumé</a> (2'57) ou <a class="videolink hand" data-videoid="full" data-segid="s_4D13D984-3BC6-3B20-41B1-C6338469F14C">vidéo complète</a></p> |
|
49 |
</div> |
|
50 |
<div class="videotitle" id="videotitle3"> |
|
51 |
<p>Chapitre 3 : Qui pour guider une politique sur le numérique ?<br/><a class="videolink hand" data-videoid="3r">résumé</a> (3'44) ou <a class="videolink hand" data-videoid="full" data-segid="s_69946E8D-51C2-9F9D-0712-C724E69391DC">vidéo complète</a></p> |
|
52 |
</div> |
|
53 |
<div class="videotitle" id="videotitle4"> |
|
54 |
<p>Chapitre 4 : La polémique, mère de tous savoirs<br/><a class="videolink hand" data-videoid="4r">résumé</a> (4'44) ou <a class="videolink hand" data-videoid="full" data-segid="s_B7DCB161-B412-EA93-2887-C726314774EA">vidéo complète</a></p> |
|
55 |
</div> |
|
56 |
<div class="videotitle" id="videotitle5"> |
|
57 |
<p>Chapitre 5 : La catégorisation contributive<br/><a class="videolink hand" data-videoid="5r">résumé</a> (2'37) ou <a class="videolink hand" data-videoid="full" data-segid="s_8CB9DCD2-FF09-33A7-3847-DA326EB5D96B">vidéo complète</a></p> |
|
58 |
</div> |
|
59 |
<div class="videotitle" id="videotitle6"> |
|
60 |
<p>Chapitre 6 : Sur l'industrie éditoriale numérisée<br/><a class="videolink hand" data-videoid="6r">résumé</a> (2'51) ou <a class="videolink hand" data-videoid="full" data-segid="s_FFFFE45E-6991-959C-9347-C72C13F00EA4">vidéo complète</a></p> |
|
61 |
</div> |
|
62 |
<div class="videotitle" id="videotitle7"> |
|
63 |
<p>Chapitre 7 : Propositions pour France Université Numérique<br/><a class="videolink hand" data-videoid="7r">résumé</a> (4'43) ou <a class="videolink hand" data-videoid="full" data-segid="s_A40AC98F-AF31-7107-3FB4-C72EF6462E9E">vidéo complète</a></p> |
|
64 |
</div> |
|
65 |
<div class="videotitle" id="videotitlef"> |
|
66 |
<p><a class="videolink hand" data-videoid="full"><strong>Vidéo complète chapitrée (1h20')</strong></a></p> |
|
67 |
</div> |
|
68 |
</div> |
|
69 |
</div> |
|
70 |
<div class="col-md-6 text-right"> |
|
71 |
<button type="button" class="btn" id="ugbtn">Mode d'emploi <b class="caret"></b></button> |
|
72 |
<div id="userguide" class="over-text text-left" style="display:none;"> |
|
73 |
<p id="ugfr" class="bordered">Mode d’emploi du Vidéo-Livre</p> |
|
| 40 | 74 |
<p>L’éditorialisation de l’enregistrement vidéographique réalisée ici en complément de l’article publié par le journal <em>Le Monde</em> sur les enjeux du numérique pour l’université est un prototype de ce que l’Institut de recherche et d’innovation appelle un vidéolivre.</p> |
75 |
<p>Chapitré, le vidéolivre est navigable par diverses voies : la table des matières donne accès à des résumés de chaque chapitre qui permettent de se faire rapidement une idée du propos général. Mais la représentation graphique et donc spatiale de son contenu temporel sous le logiciel <em>Lignes de temps</em> permet aussi d’en avoir une vision d’ensemble, et d’y naviguer directement à travers les mots clés qui se trouvent au-dessous de l’écran.</p> |
|
| 43 | 76 |
<p>Une annotation est possible par toute personne qui consulte la vidéo. L’IRI travaille actuellement au développement de technologies de catégorisation contributive, évoquées dans la vidéo, qui permettront bientôt de mettre en place des dispositifs d’interprétation collective et de valorisation des contributions à travers ce que nous appelons des technologies de transindividuation.</p> |
| 34 | 77 |
<p><strong>La table des matières</strong></p> |
| 40 | 78 |
<p>Passez avec la souris sur le bouton « Table des matières » et les chapitres s’affichent avec deux options : consulter le résumé ou la vidéo complète. |
79 |
<br/>Cliquez sur Résumé de l’article et un résumé de l’article du Monde lié à ce vidéo-livre s’affiche. |
|
80 |
<br/>Refermez la table des matières pour avoir accès à la totalité de l’écran.</p> |
|
| 34 | 81 |
<p><strong>La vidéo</strong> |
| 40 | 82 |
<br/>Première ligne, avec les boutons lecture/pause : permet avec la loupe de taper un mot-clé à partir duquel les segments liés au mot s’éclairent. |
83 |
<br/>Deuxième ligne : les chapitres cliquables. |
|
84 |
<br/>Troisième ligne : Focus sur certaines questions. |
|
85 |
<br/>Quatrième ligne : Eléments chronologiques. |
|
| 34 | 86 |
<br/>Si vous cliquez sur ces éléments, le bouton + vous donne accès aux mots-clés du chapitre et au partage des éléments sur les réseaux sociaux.</p> |
87 |
<p><strong>L’index</strong> |
|
88 |
<br/>Un choix de mot-clés vous est proposé, cliquez sur le mot et les segments concernés s’éclairent</p> |
|
89 |
<p><strong>L’annotation</strong> |
|
90 |
<br/>Cliquez sur « ajouter votre commentaire » et la vidéo s’affiche dans un annotateur avec les mêmes lignes que pour la vidéo simple. Ensuite :</p> |
|
91 |
<ul> |
|
| 40 | 92 |
<li>Sélectionnez le moment de la vidéo que vous souhaitez annoter à l’aide des bornes triangulaires</li> |
93 |
<li>Donnez un titre à votre annotation, éventuellement une description</li> |
|
| 34 | 94 |
<li>Signez là en votre nom ou pseudo</li> |
95 |
<li>Typez vos annotations pour profiter d’une navigation à travers les polémiques, questions, références.</li> |
|
96 |
</ul> |
|
97 |
<p><strong>Les cartes d’annotation chronologique et thématique</strong> |
|
| 43 | 98 |
<br/>Si vous cliquez sur « Voir la carte » vous ouvrez un espace de lecture par graphe. Ajustez la carte à votre écran à l’aide des boutons + et – à gauche. Sans cet ajustement, la carte peut ne pas apparaitre. |
| 34 | 99 |
<br/>Si vous passez la souris sur un nœud une étiquette apparaît avec une photo ou un lien vers une ressource (notice wikipedia, segment du vidéo-livre, …). |
| 40 | 100 |
<br/>Pour produire à votre tour une carte d’annotation ou pour toute autre information contactez l’IRI à : |
101 |
<br/><a href="mailto:contact@iri.centrepompidou.fr">contact@iri.centrepompidou.fr</a></p> |
|
| 33 | 102 |
</div> |
| 34 | 103 |
</div> |
| 0 | 104 |
</div> |
| 34 | 105 |
<div class="row divctn"> |
106 |
<div class="col-md-8" id="videocontainer">Pour commencer, cliquez sur "Vidéo chapitrée du résumé" ou "Vidéo complète chapitrée"</div> |
|
107 |
</div> |
|
| 0 | 108 |
</div> |
109 |
<footer> |
|
110 |
<div class="container row"> |
|
111 |
<div class="footer-img col-md-6"> |
|
112 |
<a href="http://www.iri.centrepompidou.fr" target="_blank"><img src="./img/logo_IRI_footer.png" alt="Logo IRI" /></a> |
|
113 |
<a href="http://arsindustrialis.org/" target="_blank"><img src="./img/logoarsindustrialis.jpg" alt="Logo ars" /></a> |
|
114 |
<a href="http://pharmakon.fr/" target="_blank"><img src="./img/logo_pharmakon.png" alt="Logo Pharmakon" /></a> |
|
115 |
</div> |
|
116 |
<div class="col-md-6"> |
|
117 |
<div class="text-right" id="copyright-version">©2013 <a href="http://www.iri.centrepompidou.fr" target="_blank">IRI</a></div> |
|
118 |
</div> |
|
119 |
</div> |
|
120 |
</footer> |
|
121 |
</div> |
|
122 |
<script type="text/javascript" src="./lib/jquery-1.9.1.js"></script> |
|
| 5 | 123 |
<script type="text/javascript" src="./lib/jquery.history.js"></script> |
| 0 | 124 |
<script type="text/javascript" src="./lib/bootstrap/js/bootstrap.min.js"></script> |
| 35 | 125 |
<script type="text/javascript" src="./js/ds.js"></script> |
| 0 | 126 |
<script type="text/javascript"> |
| 5 | 127 |
|
| 10 | 128 |
var cur_vid = ""; |
129 |
|
|
| 0 | 130 |
var iframes = { |
| 31 | 131 |
"0" : "<iframe src='http://ldt.iri.centrepompidou.fr//ldtplatform/ldt/embediframe/?content_id=37903d3c-3b21-11e3-9592-00145ea4a2be&project_id=49bd6124-3b21-11e3-a863-00145ea4a2be&player_height=360&player_width=900&createannotation=True&tag_titles=&polemic=all&annotations_list=True&autostart=True&annotation=True' width='570' height='1300' seamless='seamless'></iframe>", |
| 0 | 132 |
"1" : "<p>iframe à venir, vidéo n°1</p>", |
| 31 | 133 |
"1r" : "<iframe src='http://ldt.iri.centrepompidou.fr//ldtplatform/ldt/embediframe/?content_id=0718fd52-3af8-11e3-8796-00145ea4a2be&project_id=2a7b8bde-3af8-11e3-a863-00145ea4a2be&player_height=360&player_width=900&createannotation=True&tag_titles=&polemic=all&annotations_list=True&autostart=True&annotation=True' width='570' height='1300' seamless='seamless'></iframe>", |
| 0 | 134 |
"2" : "<p>iframe à venir, vidéo n°2</p>", |
| 31 | 135 |
"2r" : "<iframe src='http://ldt.iri.centrepompidou.fr//ldtplatform/ldt/embediframe/?content_id=fc7a32a2-3af8-11e3-a863-00145ea4a2be&project_id=0f2c892c-3af9-11e3-a863-00145ea4a2be&player_height=360&player_width=900&createannotation=True&tag_titles=&polemic=all&annotations_list=True&autostart=True&annotation=True' width='570' height='1300' seamless='seamless'></iframe>", |
| 0 | 136 |
"3" : "<p>iframe à venir, vidéo n°3</p>", |
| 31 | 137 |
"3r" : "<iframe src='http://ldt.iri.centrepompidou.fr//ldtplatform/ldt/embediframe/?content_id=d25c9198-3b1d-11e3-9592-00145ea4a2be&project_id=e48881ce-3b1d-11e3-a863-00145ea4a2be&player_height=360&player_width=900&createannotation=True&tag_titles=&polemic=all&annotations_list=True&autostart=True&annotation=True' width='570' height='1300' seamless='seamless'></iframe>", |
| 0 | 138 |
"4" : "<p>iframe à venir, vidéo n°4</p>", |
| 31 | 139 |
"4r" : "<iframe src='http://ldt.iri.centrepompidou.fr//ldtplatform/ldt/embediframe/?content_id=80cb7000-3b1e-11e3-a863-00145ea4a2be&project_id=94b99f56-3b1e-11e3-a863-00145ea4a2be&player_height=360&player_width=900&createannotation=True&tag_titles=&polemic=all&annotations_list=True&autostart=True&annotation=True' width='570' height='1300' seamless='seamless'></iframe>", |
| 0 | 140 |
"5" : "<p>iframe à venir, vidéo n°5</p>", |
| 31 | 141 |
"5r" : "<iframe src='http://ldt.iri.centrepompidou.fr//ldtplatform/ldt/embediframe/?content_id=97f6803a-3b1e-11e3-a863-00145ea4a2be&project_id=ab17cb92-3b1e-11e3-a863-00145ea4a2be&player_height=360&player_width=900&createannotation=True&tag_titles=&polemic=all&annotations_list=True&autostart=True&annotation=True' width='570' height='1300' seamless='seamless'></iframe>", |
| 0 | 142 |
"6" : "<p>iframe à venir, vidéo n°6</p>", |
| 31 | 143 |
"6r" : "<iframe src='http://ldt.iri.centrepompidou.fr//ldtplatform/ldt/embediframe/?content_id=b5d5d498-3b1e-11e3-9592-00145ea4a2be&project_id=ca23cbb2-3b1e-11e3-a863-00145ea4a2be&player_height=360&player_width=900&createannotation=True&tag_titles=&polemic=all&annotations_list=True&autostart=True&annotation=True' width='570' height='1300' seamless='seamless'></iframe>", |
| 0 | 144 |
"7" : "<p>iframe à venir, vidéo n°7</p>", |
| 31 | 145 |
"7r" : "<iframe src='http://ldt.iri.centrepompidou.fr//ldtplatform/ldt/embediframe/?content_id=8eb32054-3b1f-11e3-9592-00145ea4a2be&project_id=9f58e02e-3b1f-11e3-a863-00145ea4a2be&player_height=360&player_width=900&createannotation=True&tag_titles=&polemic=all&annotations_list=True&autostart=True&annotation=True' width='570' height='1300' seamless='seamless'></iframe>", |
146 |
"full" : "<iframe src='http://ldt.iri.centrepompidou.fr//ldtplatform/ldt/embediframe/?content_id=62083f72-363c-11e3-8068-00145ea4a2be&project_id=90be1ecc-363c-11e3-98be-00145ea4a2be&player_height=360&player_width=900&createannotation=True&tag_titles=&polemic=all&annotations_list=True&autostart=True&annotation=True' width='570' height='1300' seamless='seamless'></iframe>", |
|
| 0 | 147 |
}; |
148 |
||
| 35 | 149 |
|
| 5 | 150 |
function displayIframe(n, update_h){ |
| 11 | 151 |
cur_vid = ""; |
| 0 | 152 |
$("#videocontainer").html(iframes[n]); |
| 5 | 153 |
|
154 |
// update history |
|
155 |
update_h = typeof update_h !== 'undefined' ? update_h : true; |
|
156 |
if(update_h){ |
|
157 |
update_history("iframe=" + n); |
|
158 |
} |
|
| 6 | 159 |
|
160 |
active_css(n); |
|
| 14 | 161 |
$('html,body').scrollTop(0); |
| 0 | 162 |
} |
163 |
|
|
| 9 | 164 |
function playVideo(n, segid, update_h){ |
165 |
// test segid |
|
166 |
if(!(typeof segid !== 'undefined' && segid !== false)){ |
|
167 |
segid = ""; |
|
168 |
} |
|
| 10 | 169 |
|
170 |
var fire_hash_changed = false; |
|
171 |
|
|
172 |
if(cur_vid!=n){ |
|
173 |
if (n=="1" || n=="2" || n=="3" || n=="4" || n=="5" || n=="6" || n=="7"){ |
|
174 |
$("#videocontainer").html("<p>à venir, vidéo n°" + n + "</p>"); |
|
175 |
} |
|
176 |
else{ |
|
177 |
var s = '' |
|
| 15 | 178 |
+ '<div id="player_wrapper">' |
| 26 | 179 |
+ ' <div style="float:left; width:900px;" id="wrapper_player_project_a94ee060-49e9-11e2-b4ad-00145ea4a2be">' |
| 10 | 180 |
+ ' <div>' |
181 |
+ ' <div id="player_project_a94ee060-49e9-11e2-b4ad-00145ea4a2be_embed" class="iri_player_embed"></div>' |
|
182 |
+ ' <script type="text/javascript" src="./lib/metadataplayer/LdtPlayer-core.js"><\/script>' |
|
183 |
+ ' <script type="text/javascript">' |
|
184 |
+ 'if (typeof jQuery == "undefined") {' |
|
185 |
+ ' jQuery = IriSP.jQuery;' |
|
186 |
+ ' }' |
|
| 35 | 187 |
+ ' var metadatas = {metadata: {url: "http://digital-studies.org/rc/ldt/ldtplatform/ldt/cljson/id/"+project_ids["__NUM_JSON__"]+"?format=json"}};' |
| 10 | 188 |
+ ' var metadata_key = "metadata";' |
189 |
+ ' IriSP.libFiles.defaultDir = "./js";' |
|
190 |
+ ' IriSP.libFiles.locations.jwPlayerSWF = "./player.swf";' |
|
191 |
+ ' IriSP.libFiles.locations.cssjQueryUI = "./css/jquery-ui.css";' |
|
192 |
+ ' IriSP.language = "fr-fr";' |
|
193 |
+ ' IriSP.widgetsDir = "./lib/metadataplayer";' |
|
194 |
+ ' var _metadata = {' |
|
195 |
+ ' url: metadatas[metadata_key].url,' |
|
196 |
+ ' format: "ldt"' |
|
197 |
+ ' };' |
|
198 |
+ ' var _config = {' |
|
| 26 | 199 |
+ ' width: "900",' |
| 10 | 200 |
+ ' container: "player_project_a94ee060-49e9-11e2-b4ad-00145ea4a2be_embed",' |
201 |
+ ' css: "./lib/metadataplayer/LdtPlayer-core.css",' |
|
202 |
+ ' default_options: {' |
|
203 |
+ ' metadata: _metadata' |
|
204 |
+ ' },' |
|
205 |
+ ' widgets: [' |
|
206 |
+ ' {' |
|
207 |
+ ' type: "AutoPlayer",' |
|
| 13 | 208 |
+ ' height: "360",' |
| 10 | 209 |
+ ' autostart: true,' |
| 17 | 210 |
+ ' url_transform: function(url) { var can_play_mp4 = !!document.createElement("video").canPlayType("video/mp4"); if(!can_play_mp4){ return url.replace(/\.mp4$/i,".webm"); }else{ return url; } }' |
| 10 | 211 |
+ ' }' |
212 |
+ ' ,{' |
|
213 |
+ ' type: "Polemic",' |
|
214 |
+ ' annotation_type: false,' |
|
215 |
+ ' defaultcolor: "#585858",' |
|
216 |
+ ' foundcolor: "#fc00ff",' |
|
217 |
+ ' polemics : [' |
|
218 |
+ ' {' |
|
219 |
+ ' "name" : "OK",' |
|
220 |
+ ' "keywords" : [ "++" ],' |
|
221 |
+ ' "color" : "#1d973d"' |
|
222 |
+ ' },' |
|
223 |
+ ' {' |
|
224 |
+ ' "name" : "KO",' |
|
225 |
+ ' "keywords" : [ "--" ],' |
|
226 |
+ ' "color" : "#ce0a15"' |
|
227 |
+ ' },' |
|
228 |
+ ' {' |
|
229 |
+ ' "name" : "REF",' |
|
230 |
+ ' "keywords" : [ "==", "http://" ],' |
|
231 |
+ ' "color" : "#c5a62d" ' |
|
232 |
+ ' },' |
|
233 |
+ ' {' |
|
234 |
+ ' "name" : "Q",' |
|
235 |
+ ' "keywords" : [ "?" ],' |
|
236 |
+ ' "color" : "#036aae"' |
|
237 |
+ ' }' |
|
238 |
+ ' ]' |
|
239 |
+ ' }' |
|
240 |
+ ' ,{' |
|
241 |
+ ' type: "Slider"' |
|
242 |
+ ' }' |
|
243 |
/*+ ' ,{' |
|
244 |
+ ' type: "AnnotationsList",' |
|
245 |
+ ' container: "AnnotationsList_ext",' |
|
246 |
+ ' ajax_url: "http://ldt.iri.centrepompidou.fr/ldtplatform/api/ldt/1.0/segments/bytimecode/{{media}}/{{begin}}/{{end}}",' |
|
247 |
+ ' ajax_granularity : 300000,' |
|
248 |
+ ' default_thumbnail : "./css/imgs/video_sequence.png",' |
|
249 |
+ ' show_audio: true,' |
|
250 |
+ ' rtmp_streamer: "rtmp://media.iri.centrepompidou.fr/ddc_micro_record/"' |
|
251 |
+ ' }'*/ |
|
252 |
+ ' ,{' |
|
253 |
+ ' type: "Controller"' |
|
254 |
+ ' }' |
|
255 |
+ ' ,{' |
|
256 |
// + ' type: "Segments",' |
|
257 |
// + ' annotation_type: ["chap","découpage"]' |
|
258 |
+ ' type: "MultiSegments"' |
|
259 |
+ ' }' |
|
260 |
// + ' ,{' |
|
261 |
// + ' type: "Annotation"' |
|
262 |
// + ' }' |
|
263 |
+ ' ,{' |
|
264 |
+ ' type: "Mediafragment"' |
|
| 15 | 265 |
+ ' }' |
| 23 | 266 |
+ ' ,{' |
| 28 | 267 |
+ ' type: "Tagcloud",' |
268 |
+ ' include_titles: false,' |
|
269 |
+ ' include_descriptions: false,' |
|
| 29 | 270 |
+ ' tag_count: 200' |
| 23 | 271 |
+ ' }' |
| 10 | 272 |
+ ' ]' |
273 |
+ ' };' |
|
274 |
+ ' _myPlayer = new IriSP.Metadataplayer(_config);' |
|
275 |
+ ' <\/script>' |
|
276 |
+ ' </div>' |
|
277 |
+ ' </div>' |
|
| 15 | 278 |
+ ' <div><a style="margin-top: 10px;" class="btn btn-info" href="#" onclick="displayIframe(\'__NUM_JSON__\');return false;"><i class="glyphicon glyphicon-comment"></i> Ajouter votre commentaire sur cette vidéo</a></div>'; |
| 20 | 279 |
if(n=="0" || n=="full"){ |
| 21 | 280 |
s += ' <div><a style="margin-top: 10px;" class="btn btn-info" href="fullrenkan.html?type=chrono"><i class="glyphicon glyphicon-asterisk"></i> Voir la carte d\'annotation chronologique</a></div>'; |
281 |
s += ' <div><a style="margin-top: 10px;" class="btn btn-info" href="fullrenkan.html?type=thema"><i class="glyphicon glyphicon-asterisk"></i> Voir la carte d\'annotation thématique</a></div>'; |
|
| 15 | 282 |
} |
283 |
s += '' |
|
| 10 | 284 |
+ ' <div style="float:left; width:400px;" id="AnnotationsList_ext"></div>' |
| 15 | 285 |
+ '</div>'; |
| 16 | 286 |
|
| 10 | 287 |
$("#videocontainer").html(s.replace(/__NUM_JSON__/g, n)); |
288 |
} |
|
289 |
cur_vid = n; |
|
| 0 | 290 |
} |
291 |
else{ |
|
| 10 | 292 |
fire_hash_changed = true; |
| 0 | 293 |
} |
| 5 | 294 |
|
295 |
// update history |
|
296 |
update_h = typeof update_h !== 'undefined' ? update_h : true; |
|
297 |
if(update_h){ |
|
| 9 | 298 |
if(segid!=""){ |
299 |
update_history("v=" + n + "&id=" + segid); |
|
| 10 | 300 |
if(fire_hash_changed){ |
301 |
$(window).trigger('hashchange'); |
|
302 |
} |
|
| 9 | 303 |
} |
304 |
else{ |
|
305 |
update_history("v=" + n); |
|
306 |
} |
|
| 5 | 307 |
} |
| 6 | 308 |
|
309 |
active_css(n); |
|
| 14 | 310 |
$('html,body').scrollTop(0); |
| 0 | 311 |
} |
| 5 | 312 |
|
313 |
//Functions to manage history with parameters |
|
314 |
function getURLParameter(name) { |
|
315 |
return decodeURI( |
|
316 |
(RegExp(name + '=' + '(.+?)(&|$)').exec(location.hash)||[,null])[1] |
|
317 |
); |
|
318 |
} |
|
319 |
function update_history(s){ |
|
320 |
History.replaceState(null, null, "#" + s); |
|
321 |
} |
|
322 |
|
|
| 6 | 323 |
// active css |
324 |
function active_css(n){ |
|
325 |
$(".videotitle").removeClass("active"); |
|
326 |
$("#videotitle" + n.substr(0,1)).addClass("active"); |
|
327 |
} |
|
328 |
|
|
| 5 | 329 |
// on load |
330 |
$(function() { |
|
331 |
$(".videolink").click(function(e){ |
|
| 38 | 332 |
playVideo($(this).attr("data-videoid"), $(this).attr('data-segid')); |
333 |
$("#titles").hide(); |
|
334 |
$("#userguide").hide(); |
|
| 5 | 335 |
}); |
|
42
d6ed86b9aa24
close user guide and tdm when cliking outside
ymh <ymh.work@gmail.com>
parents:
40
diff
changeset
|
336 |
|
|
d6ed86b9aa24
close user guide and tdm when cliking outside
ymh <ymh.work@gmail.com>
parents:
40
diff
changeset
|
337 |
var mouseup_handler = function(selector, e) { |
|
d6ed86b9aa24
close user guide and tdm when cliking outside
ymh <ymh.work@gmail.com>
parents:
40
diff
changeset
|
338 |
var container = $(selector); |
|
d6ed86b9aa24
close user guide and tdm when cliking outside
ymh <ymh.work@gmail.com>
parents:
40
diff
changeset
|
339 |
if (!container.is(e.target) // if the target of the click isn't the container... |
|
d6ed86b9aa24
close user guide and tdm when cliking outside
ymh <ymh.work@gmail.com>
parents:
40
diff
changeset
|
340 |
&& container.has(e.target).length === 0) {// ... nor a descendant of the container |
|
d6ed86b9aa24
close user guide and tdm when cliking outside
ymh <ymh.work@gmail.com>
parents:
40
diff
changeset
|
341 |
container.hide(); |
| 26 | 342 |
} |
|
42
d6ed86b9aa24
close user guide and tdm when cliking outside
ymh <ymh.work@gmail.com>
parents:
40
diff
changeset
|
343 |
} |
|
d6ed86b9aa24
close user guide and tdm when cliking outside
ymh <ymh.work@gmail.com>
parents:
40
diff
changeset
|
344 |
|
|
d6ed86b9aa24
close user guide and tdm when cliking outside
ymh <ymh.work@gmail.com>
parents:
40
diff
changeset
|
345 |
var mouseup_titles = mouseup_handler.curry("#titles"); |
|
d6ed86b9aa24
close user guide and tdm when cliking outside
ymh <ymh.work@gmail.com>
parents:
40
diff
changeset
|
346 |
var mouseup_userguide = mouseup_handler.curry("#userguide"); |
|
d6ed86b9aa24
close user guide and tdm when cliking outside
ymh <ymh.work@gmail.com>
parents:
40
diff
changeset
|
347 |
|
|
d6ed86b9aa24
close user guide and tdm when cliking outside
ymh <ymh.work@gmail.com>
parents:
40
diff
changeset
|
348 |
$("#tabmat").click(function(e){ |
|
d6ed86b9aa24
close user guide and tdm when cliking outside
ymh <ymh.work@gmail.com>
parents:
40
diff
changeset
|
349 |
$("#titles").toggle(); |
| 26 | 350 |
}); |
|
42
d6ed86b9aa24
close user guide and tdm when cliking outside
ymh <ymh.work@gmail.com>
parents:
40
diff
changeset
|
351 |
$(document).mouseup(mouseup_titles); |
|
d6ed86b9aa24
close user guide and tdm when cliking outside
ymh <ymh.work@gmail.com>
parents:
40
diff
changeset
|
352 |
|
| 34 | 353 |
$("#ugbtn").click(function(e){ |
|
42
d6ed86b9aa24
close user guide and tdm when cliking outside
ymh <ymh.work@gmail.com>
parents:
40
diff
changeset
|
354 |
$("#userguide").toggle(); |
| 34 | 355 |
}); |
|
42
d6ed86b9aa24
close user guide and tdm when cliking outside
ymh <ymh.work@gmail.com>
parents:
40
diff
changeset
|
356 |
$(document).mouseup(mouseup_userguide); |
|
d6ed86b9aa24
close user guide and tdm when cliking outside
ymh <ymh.work@gmail.com>
parents:
40
diff
changeset
|
357 |
|
| 5 | 358 |
// load first video with get parameter |
| 31 | 359 |
var first = "full"; |
| 5 | 360 |
var iframe = getURLParameter("iframe"); |
361 |
if(iframe=="null"){ |
|
362 |
var v = getURLParameter("v"); |
|
363 |
if(v=="null"){ |
|
| 9 | 364 |
playVideo(first, ""); |
| 5 | 365 |
} |
366 |
else{ |
|
| 9 | 367 |
playVideo(v, "", false); |
| 5 | 368 |
} |
369 |
} |
|
370 |
else{ |
|
371 |
displayIframe(iframe, false) |
|
372 |
} |
|
373 |
}); |
|
374 |
|
|
| 0 | 375 |
</script> |
| 12 | 376 |
<script> |
377 |
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){ |
|
378 |
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o), |
|
379 |
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a ,m) |
|
380 |
})(window,document,'script','//www.google-analytics.com/analytics.js','ga'); |
|
381 |
ga('create', 'UA-44960237-1', 'digital-studies.org'); |
|
382 |
ga('send', 'pageview'); |
|
383 |
</script> |
|
| 0 | 384 |
</body> |
385 |
</html> |