| author | ymh <ymh.work@gmail.com> |
| Thu, 07 Nov 2013 18:32:57 +0100 | |
| changeset 52 | 6c7371c8917a |
| parent 37 | 4239688886de |
| permissions | -rwxr-xr-x |
| 15 | 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> |
| 15 | 20 |
</li> |
21 |
</ul> |
|
22 |
<ul class="nav navbar-nav" style="float:right;"> |
|
23 |
<li><a href="http://www.lemonde.fr" target="_blank" title="Article de Bernard Stiegler dans Le Monde">Le Monde</a></li> |
|
24 |
<li><a href="http://www.france-universite-numerique.fr/" target="_blank" title="France Université Numérique">FUN</a></li> |
|
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> |
| 15 | 27 |
</ul> |
28 |
</nav> |
|
29 |
</div> |
|
30 |
</header> |
|
31 |
<div class="container"> |
|
32 |
<div class="row" style="margin-top: -10px;"> |
|
| 21 | 33 |
<h4 class="col-md-12" style="padding-bottom:10px;" id="titlerow"><a href="index.html#v=full" class="btn btn-info" style="margin-right: 15px;"><i class="glyphicon glyphicon-chevron-left"></i></a> </h4> |
| 15 | 34 |
</div> |
35 |
<div class="row"> |
|
36 |
<div class="col-md-12" id="videocontainer" >Pour commencer, cliquez sur "Vidéo chapitrée du résumé" ou "Vidéo complète chapitrée"</div> |
|
37 |
</div> |
|
38 |
<div class="row" style="margin-top: 10px;"> |
|
39 |
<div id='RenkanContainer' class='col-md-12 renkan_visible'></div> |
|
40 |
</div> |
|
41 |
</div> |
|
42 |
<footer> |
|
43 |
<div class="container row"> |
|
44 |
<div class="footer-img col-md-6"> |
|
45 |
<a href="http://www.iri.centrepompidou.fr" target="_blank"><img src="./img/logo_IRI_footer.png" alt="Logo IRI" /></a> |
|
46 |
<a href="http://arsindustrialis.org/" target="_blank"><img src="./img/logoarsindustrialis.jpg" alt="Logo ars" /></a> |
|
47 |
<a href="http://pharmakon.fr/" target="_blank"><img src="./img/logo_pharmakon.png" alt="Logo Pharmakon" /></a> |
|
48 |
</div> |
|
49 |
<div class="col-md-6"> |
|
50 |
<div class="text-right" id="copyright-version">©2013 <a href="http://www.iri.centrepompidou.fr" target="_blank">IRI</a></div> |
|
51 |
</div> |
|
52 |
</div> |
|
53 |
</footer> |
|
54 |
</div> |
|
55 |
<script type="text/javascript" src="./lib/jquery-1.9.1.js"></script> |
|
56 |
<script type="text/javascript" src="./lib/jquery.history.js"></script> |
|
57 |
<script type="text/javascript" src="./lib/bootstrap/js/bootstrap.min.js"></script> |
|
| 35 | 58 |
<script type="text/javascript" src="./js/ds.js"></script> |
| 15 | 59 |
<script type="text/javascript"> |
60 |
|
|
61 |
var cur_vid = ""; |
|
62 |
var display_renkan = true; |
|
63 |
|
|
64 |
function playVideo(n, segid, update_h){ |
|
65 |
// test segid |
|
66 |
if(!(typeof segid !== 'undefined' && segid !== false)){ |
|
67 |
segid = ""; |
|
68 |
} |
|
69 |
|
|
70 |
var fire_hash_changed = false; |
|
71 |
|
|
72 |
if(cur_vid!=n){ |
|
73 |
if (n=="1" || n=="2" || n=="3" || n=="4" || n=="5" || n=="6" || n=="7"){ |
|
74 |
$("#videocontainer").html("<p>à venir, vidéo n°" + n + "</p>"); |
|
75 |
} |
|
76 |
else{ |
|
77 |
var s = '' |
|
78 |
+ '<div id="player_wrapper">' |
|
79 |
+ ' <div style="float:left; width:900px;" id="wrapper_player_project_a94ee060-49e9-11e2-b4ad-00145ea4a2be">' |
|
80 |
+ ' <div>' |
|
81 |
+ ' <div id="player_project_a94ee060-49e9-11e2-b4ad-00145ea4a2be_embed" class="iri_player_embed"></div>' |
|
82 |
+ ' <script type="text/javascript" src="./lib/metadataplayer/LdtPlayer-core.js"><\/script>' |
|
83 |
+ ' <script type="text/javascript">' |
|
84 |
+ 'if (typeof jQuery == "undefined") {' |
|
85 |
+ ' jQuery = IriSP.jQuery;' |
|
86 |
+ ' }' |
|
| 35 | 87 |
+ ' var metadatas = {metadata: {url: "http://digital-studies.org/rc/ldt/ldtplatform/ldt/cljson/id/"+project_ids["__NUM_JSON__"]+"?format=json"}};' |
| 15 | 88 |
+ ' var metadata_key = "metadata";' |
89 |
+ ' IriSP.libFiles.defaultDir = "./js";' |
|
90 |
+ ' IriSP.libFiles.locations.jwPlayerSWF = "./player.swf";' |
|
91 |
+ ' IriSP.libFiles.locations.cssjQueryUI = "./css/jquery-ui.css";' |
|
92 |
+ ' IriSP.language = "fr-fr";' |
|
93 |
+ ' IriSP.widgetsDir = "./lib/metadataplayer";' |
|
94 |
+ ' var _metadata = {' |
|
95 |
+ ' url: metadatas[metadata_key].url,' |
|
96 |
+ ' format: "ldt"' |
|
97 |
+ ' };' |
|
98 |
+ ' var _config = {' |
|
99 |
+ ' width: "900",' |
|
100 |
+ ' container: "player_project_a94ee060-49e9-11e2-b4ad-00145ea4a2be_embed",' |
|
101 |
+ ' css: "./lib/metadataplayer/LdtPlayer-core.css",' |
|
102 |
+ ' default_options: {' |
|
103 |
+ ' metadata: _metadata' |
|
104 |
+ ' },' |
|
105 |
+ ' widgets: [' |
|
106 |
+ ' {' |
|
107 |
+ ' type: "AutoPlayer",' |
|
108 |
+ ' height: "360",' |
|
109 |
+ ' autostart: true,' |
|
| 17 | 110 |
+ ' 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; } }' |
| 15 | 111 |
+ ' }' |
112 |
+ ' ,{' |
|
113 |
+ ' type: "Polemic",' |
|
114 |
+ ' annotation_type: false,' |
|
115 |
+ ' defaultcolor: "#585858",' |
|
116 |
+ ' foundcolor: "#fc00ff",' |
|
117 |
+ ' polemics : [' |
|
118 |
+ ' {' |
|
119 |
+ ' "name" : "OK",' |
|
120 |
+ ' "keywords" : [ "++" ],' |
|
121 |
+ ' "color" : "#1d973d"' |
|
122 |
+ ' },' |
|
123 |
+ ' {' |
|
124 |
+ ' "name" : "KO",' |
|
125 |
+ ' "keywords" : [ "--" ],' |
|
126 |
+ ' "color" : "#ce0a15"' |
|
127 |
+ ' },' |
|
128 |
+ ' {' |
|
129 |
+ ' "name" : "REF",' |
|
130 |
+ ' "keywords" : [ "==", "http://" ],' |
|
131 |
+ ' "color" : "#c5a62d" ' |
|
132 |
+ ' },' |
|
133 |
+ ' {' |
|
134 |
+ ' "name" : "Q",' |
|
135 |
+ ' "keywords" : [ "?" ],' |
|
136 |
+ ' "color" : "#036aae"' |
|
137 |
+ ' }' |
|
138 |
+ ' ]' |
|
139 |
+ ' }' |
|
140 |
+ ' ,{' |
|
141 |
+ ' type: "Slider"' |
|
142 |
+ ' }' |
|
143 |
/*+ ' ,{' |
|
144 |
+ ' type: "AnnotationsList",' |
|
145 |
+ ' container: "AnnotationsList_ext",' |
|
146 |
+ ' ajax_url: "http://ldt.iri.centrepompidou.fr/ldtplatform/api/ldt/1.0/segments/bytimecode/{{media}}/{{begin}}/{{end}}",' |
|
147 |
+ ' ajax_granularity : 300000,' |
|
148 |
+ ' default_thumbnail : "./css/imgs/video_sequence.png",' |
|
149 |
+ ' show_audio: true,' |
|
150 |
+ ' rtmp_streamer: "rtmp://media.iri.centrepompidou.fr/ddc_micro_record/"' |
|
151 |
+ ' }'*/ |
|
152 |
+ ' ,{' |
|
153 |
+ ' type: "Controller"' |
|
154 |
+ ' }' |
|
155 |
+ ' ,{' |
|
156 |
// + ' type: "Segments",' |
|
157 |
// + ' annotation_type: ["chap","découpage"]' |
|
158 |
+ ' type: "MultiSegments"' |
|
159 |
+ ' }' |
|
160 |
// + ' ,{' |
|
161 |
// + ' type: "Annotation"' |
|
162 |
// + ' }' |
|
163 |
+ ' ,{' |
|
164 |
+ ' type: "Mediafragment"' |
|
| 23 | 165 |
+ ' }' |
166 |
+ ' ,{' |
|
| 28 | 167 |
+ ' type: "Tagcloud",' |
168 |
+ ' include_titles: false,' |
|
169 |
+ ' include_descriptions: false,' |
|
| 29 | 170 |
+ ' tag_count: 200' |
| 23 | 171 |
+ ' }'; |
| 15 | 172 |
|
173 |
if(display_renkan==true){ |
|
174 |
var t = getURLParameter("type"); |
|
175 |
if(t=="thema"){ |
|
176 |
t = "bd79e8c3-3b12-11e3-8312-5fa5e5b09a85"; |
|
| 21 | 177 |
$("#titlerow").append(" <strong>Vidéo complète avec carte d'annotation thématique.</strong> <a href='fullrenkan.html?type=chrono'>Voir la carte d'annotation chronologique</a>"); |
| 15 | 178 |
} |
179 |
else{ |
|
180 |
// Chrono |
|
181 |
t = "696e5544-3b44-11e3-8312-5fa5e5b09a85"; |
|
| 21 | 182 |
$("#titlerow").append(" <strong>Vidéo complète avec carte d'annotation chronologique.</strong> <a href='fullrenkan.html?type=thema'>Voir la carte d'annotation thématique</a>"); |
| 15 | 183 |
} |
184 |
s += '' |
|
185 |
+ ' ,{' |
|
186 |
+ ' type: "Renkan",' |
|
187 |
+ ' container: "RenkanContainer",' |
|
| 25 | 188 |
+ ' data: "http://digital-studies.org/rc/renkan/renkan/rest/projects/' + t + '",' |
|
24
701af897de95
update renkan and metadataplayer to stop zooming on scroll + small css correction
ymh <ymh.work@gmail.com>
parents:
23
diff
changeset
|
189 |
+ ' renkan_options: {' |
|
701af897de95
update renkan and metadataplayer to stop zooming on scroll + small css correction
ymh <ymh.work@gmail.com>
parents:
23
diff
changeset
|
190 |
+ ' zoom_on_scroll: false' |
|
701af897de95
update renkan and metadataplayer to stop zooming on scroll + small css correction
ymh <ymh.work@gmail.com>
parents:
23
diff
changeset
|
191 |
+ ' }' |
| 15 | 192 |
+ ' }'; |
193 |
} |
|
194 |
s += '' |
|
195 |
+ ' ]' |
|
196 |
+ ' };' |
|
197 |
+ ' _myPlayer = new IriSP.Metadataplayer(_config);' |
|
198 |
+ ' <\/script>' |
|
199 |
+ ' </div>' |
|
200 |
+ ' </div>' |
|
201 |
+ '</div>'; |
|
202 |
|
|
203 |
|
|
204 |
$("#videocontainer").html(s.replace(/__NUM_JSON__/g, n)); |
|
205 |
} |
|
206 |
cur_vid = n; |
|
207 |
} |
|
208 |
else{ |
|
209 |
fire_hash_changed = true; |
|
210 |
} |
|
211 |
|
|
212 |
} |
|
213 |
|
|
214 |
//Functions to manage history with parameters |
|
215 |
function getURLParameter(name) { |
|
216 |
return decodeURI( |
|
217 |
(RegExp(name + '=' + '(.+?)(&|$)').exec(location.search)||[,null])[1] |
|
218 |
); |
|
219 |
} |
|
220 |
function update_history(s){ |
|
221 |
History.replaceState(null, null, "#" + s); |
|
222 |
} |
|
223 |
|
|
224 |
|
|
225 |
// on load |
|
226 |
$(function() { |
|
227 |
playVideo("full"); |
|
228 |
}); |
|
229 |
|
|
230 |
</script> |
|
231 |
<script> |
|
232 |
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){ |
|
233 |
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o), |
|
234 |
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a ,m) |
|
235 |
})(window,document,'script','//www.google-analytics.com/analytics.js','ga'); |
|
236 |
ga('create', 'UA-44960237-1', 'digital-studies.org'); |
|
237 |
ga('send', 'pageview'); |
|
238 |
</script> |
|
239 |
</body> |
|
|
24
701af897de95
update renkan and metadataplayer to stop zooming on scroll + small css correction
ymh <ymh.work@gmail.com>
parents:
23
diff
changeset
|
240 |
</html> |