21 <div class="header"> |
21 <div class="header"> |
22 <!-- popin header --> |
22 <!-- popin header --> |
23 <div class="popin update-title" id="update-title"> |
23 <div class="popin update-title" id="update-title"> |
24 <img class="pointer" src="img/popin-triangle.png" alt="" /> |
24 <img class="pointer" src="img/popin-triangle.png" alt="" /> |
25 <div class="popin-content"> |
25 <div class="popin-content"> |
26 <form class="clearfix" action="#" method=""> |
26 <form class="clearfix" action="#" id="hashcut-form" method=""> |
27 <div class="form-left"> |
27 <p> |
28 <label for="hashcut-title">Titre :</label> |
28 <label for="hashcut-title">Titre :</label> |
29 <input type="text" id="hashcut-title" name="" value="Hashcut sans titre" /> |
29 <input type="text" id="hashcut-title" name="" value="Hashcut sans titre" /> |
30 <label for="hashcut-tags">Tags :</label> |
30 </p> |
31 <ul id="hashcut-tags"></ul> |
31 <p> |
32 </div> |
|
33 <div class="form-right"> |
|
34 <label for="hashcut-description">Description :</label> |
32 <label for="hashcut-description">Description :</label> |
35 <textarea name="" id="hashcut-description"></textarea> |
33 <textarea name="" id="hashcut-description"></textarea> |
36 </div> |
34 </p> |
37 </form> |
35 </form> |
38 </div> |
36 </div> |
39 </div><!-- popin update-title --> |
37 </div><!-- popin update-title --> |
40 |
38 |
41 <div class="popin user info" id="user"> |
39 <div class="popin user info" id="user"> |
106 <h1><a title="Hashcut - Le Mashup cliquable" class="clearfix" href="#"> |
104 <h1><a title="Hashcut - Le Mashup cliquable" class="clearfix" href="#"> |
107 <img src="img/hashcut-logo.png" alt="Hashcut" /> |
105 <img src="img/hashcut-logo.png" alt="Hashcut" /> |
108 <span>Le Mashup<br />Cliquable</span> |
106 <span>Le Mashup<br />Cliquable</span> |
109 </a></h1> |
107 </a></h1> |
110 <div class="title-video-wrap"> |
108 <div class="title-video-wrap"> |
111 <a title="Modifier le titre et la description" class="open-popin" href="#update-title">Hashcut sans titre</a> |
109 <p class="title-video"> |
|
110 <a title="Modifier le titre et la description" class="open-popin" href="#update-title">Hashcut sans titre</a> |
|
111 </p> |
112 <p class="time-length">Durée: <span class="mashup-total-duration">00:00</span></p> |
112 <p class="time-length">Durée: <span class="mashup-total-duration">00:00</span></p> |
113 </div> |
113 </div> |
114 <div class="profil-wrap"> |
114 <div class="profil-wrap"> |
115 <a href="#" class="all-hashcut">Tous les Hashcuts</a> |
115 <a href="#" class="all-hashcut">Tous les Hashcuts</a> |
116 <a href="#user" class="my-profil open-popin">Mon profil</a> |
116 <a href="#user" class="my-profil open-popin">Mon profil</a> |
171 <div class="Ldt-Ctrl-Time-Elapsed" title="Temps écoulé">00:00</div> |
171 <div class="Ldt-Ctrl-Time-Elapsed" title="Temps écoulé">00:00</div> |
172 <div class="Ldt-Ctrl-Time-Separator">/</div> |
172 <div class="Ldt-Ctrl-Time-Separator">/</div> |
173 <div class="Ldt-Ctrl-Time-Total" title="Temps total">00:00</div> |
173 <div class="Ldt-Ctrl-Time-Total" title="Temps total">00:00</div> |
174 </div> |
174 </div> |
175 <div class="Ldt-Ctrl-spacer"></div> |
175 <div class="Ldt-Ctrl-spacer"></div> |
176 <div class="Ldt-Ctrl-button Ldt-Ctrl-Sound Ldt-Ctrl-Sound-Full Ldt-TraceMe" title="Couper/Activer le son"></div> |
176 <div class="Ldt-Ctrl-button Ldt-Ctrl-Sound Ldt-Ctrl-Sound-Full" title="Couper/Activer le son"></div> |
177 </div> |
177 </div> |
178 <div class="Ldt-Ctrl-Volume-Control" title="Changer le volume"> |
178 <div class="Ldt-Ctrl-Volume-Control" title="Changer le volume"> |
179 <div class="Ldt-Ctrl-Volume-Bar"></div> |
179 <div class="Ldt-Ctrl-Volume-Bar"></div> |
180 </div> |
180 </div> |
181 </div> |
181 </div> |
246 </div> |
246 </div> |
247 <div class="frise-indications"> |
247 <div class="frise-indications"> |
248 </div> |
248 </div> |
249 </div> |
249 </div> |
250 <div class="frise-position"></div> |
250 <div class="frise-position"></div> |
|
251 <div class="mashup-tooltip segment-tooltip-wrapper"> |
|
252 <div class="segment-tooltip"></div> |
|
253 <div class="segment-tooltip-tip"></div> |
|
254 </div> |
251 |
255 |
252 </div> |
256 </div> |
253 |
257 |
254 <div class="segment-info mashup-description"> |
258 <div class="segment-info mashup-description"> |
255 <div class="pointer-padder"> |
259 <div class="pointer-padder"> |
327 <script type="text/javascript" src="lib/underscore-min.js"></script> |
335 <script type="text/javascript" src="lib/underscore-min.js"></script> |
328 <script type="text/javascript" src="lib/popcorn-complete.min.js"></script> |
336 <script type="text/javascript" src="lib/popcorn-complete.min.js"></script> |
329 <script type="text/javascript" src="js/init.js"></script> |
337 <script type="text/javascript" src="js/init.js"></script> |
330 <script type="text/javascript" src="js/ldt-serializer.js"></script> |
338 <script type="text/javascript" src="js/ldt-serializer.js"></script> |
331 <script type="text/javascript" src="js/medialist-serializer.js"></script> |
339 <script type="text/javascript" src="js/medialist-serializer.js"></script> |
|
340 <script type="text/javascript" src="js/segmentapi-serializer.js"></script> |
332 <script type="text/javascript" src="js/model.js"></script> |
341 <script type="text/javascript" src="js/model.js"></script> |
333 <script type="text/javascript" src="js/mashupcore.js"></script> |
342 <script type="text/javascript" src="js/mashupcore.js"></script> |
334 <script type="text/javascript" src="js/editor.js"></script> |
343 <script type="text/javascript" src="js/editor.js"></script> |
335 <script type="text/javascript" src="js/common.js"></script> |
344 <script type="text/javascript" src="js/common.js"></script> |
336 <script type="text/javascript"> |
345 <script type="text/javascript"> |
337 $(function() { |
346 $(function() { |
338 var hashcut = IriSP.editor({ |
347 var hashcut = IriSP.editor({ |
339 url: "data/moon.json", |
348 //url: "data/bpidata.json", |
340 segment_api_endpoint: "http://capsicum/pf/ldtplatform/api/ldt/1.0/segments/bytimecode/", |
349 url: "data/moon-local.json", |
|
350 segment_api_endpoint: "http://capsicum/pf/ldtplatform/api/ldt/1.0/segments/", |
341 project_api_endpoint: "http://capsicum/pf/ldtplatform/api/ldt/1.0/projects/" |
351 project_api_endpoint: "http://capsicum/pf/ldtplatform/api/ldt/1.0/projects/" |
342 }); |
352 }); |
343 }); |
353 }); |
344 </script> |
354 </script> |
345 </body> |
355 </body> |