|
1 {% extends "bpi_mashup_edit.html" %} |
|
2 {% load static %} |
|
3 {% load i18n %} |
|
4 {% load analytics %} |
|
5 {% load thumbnail %} |
|
6 {% block title %}Hashcut Media - BPI{% endblock %} |
|
7 |
|
8 |
|
9 {% block content %} |
|
10 <div class="content clearfix"> |
|
11 |
|
12 <div class="left-content"> |
|
13 <h2>Lire le Média</h2> |
|
14 <div class="bloc-video"> |
|
15 <div class="video"> |
|
16 <div class="video-wait"></div> |
|
17 </div> |
|
18 <div class="widget"> |
|
19 <div class="Ldt-Slider-Container"> |
|
20 <div class="Ldt-Slider"></div> |
|
21 </div> |
|
22 <div class="Ldt-Slider-Time"></div> |
|
23 |
|
24 <div class="Ldt-Ctrl"> |
|
25 <div class="Ldt-Ctrl-Left"> |
|
26 <div title="Lecture" class="Ldt-Ctrl-button Ldt-Ctrl-Play Ldt-Ctrl-Play-PlayState"></div> |
|
27 <div class="Ldt-Ctrl-spacer"></div> |
|
28 <div class="Ldt-Ctrl-InOutBlock"> |
|
29 <div title="Débuter le segment ici" class="Ldt-Ctrl-button Ldt-Ctrl-SetIn"></div> |
|
30 <div class="Ldt-Ctrl-spacer"></div> |
|
31 <div title="Finir le segment ici" class="Ldt-Ctrl-button Ldt-Ctrl-SetOut"></div> |
|
32 <div class="Ldt-Ctrl-spacer"></div> |
|
33 </div> |
|
34 </div> |
|
35 <div class="Ldt-Ctrl-Right"> |
|
36 <div class="Ldt-Ctrl-spacer"></div> |
|
37 <div class="Ldt-Ctrl-Time"> |
|
38 <div title="Temps écoulé" class="Ldt-Ctrl-Time-Elapsed">00:00</div> |
|
39 <div class="Ldt-Ctrl-Time-Separator">/</div> |
|
40 <div title="Temps total" class="Ldt-Ctrl-Time-Total">1:03:30</div> |
|
41 </div> |
|
42 <div class="Ldt-Ctrl-spacer"></div> |
|
43 <div title="Couper le son" class="Ldt-Ctrl-button Ldt-Ctrl-Sound Ldt-Ctrl-Sound-Full"></div> |
|
44 </div> |
|
45 <div title="Changer le volume" class="Ldt-Ctrl-Volume-Control"> |
|
46 <div class="Ldt-Ctrl-Volume-Bar"></div> |
|
47 </div> |
|
48 </div> |
|
49 |
|
50 </div> |
|
51 <div class="media-segments"></div> |
|
52 </div><!-- bloc-video --> |
|
53 </div><!-- left-content --> |
|
54 |
|
55 <div class="right-content"> |
|
56 <h2>Plus d’informations</h2> |
|
57 <div class="more-info-wrap"> |
|
58 <table class="more-info "> |
|
59 <tbody> |
|
60 <tr class="info-title"> |
|
61 <th>Titre :</th> |
|
62 <td><a href="#">Titre du Média</a></td> |
|
63 </tr> |
|
64 <tr class="info-duration"> |
|
65 <th>Durée :</th> |
|
66 <td></td> |
|
67 </tr> |
|
68 <tr class="info-description"> |
|
69 <th>Description : </th> |
|
70 <td></td> |
|
71 </tr> |
|
72 <tr class="info-tags"> |
|
73 <th>Tags : </th> |
|
74 <td></td> |
|
75 </tr> |
|
76 </tbody> |
|
77 </table> |
|
78 </div> |
|
79 </ul> |
|
80 <h2>Hashcuts utilisant le média</h2> |
|
81 <ul class="list-video"> |
|
82 |
|
83 </ul> |
|
84 </div><!-- right-content --> |
|
85 </div><!-- content --> |
|
86 {% endblock %} |
|
87 <!-- JavaScript --> |
|
88 {% block js_import %} |
|
89 <script type="text/javascript" src="{% static 'hashcut/lib/jquery.min.js' %}"></script> |
|
90 <script type="text/javascript" src="{% static 'hashcut/lib/jquery-ui.min.js' %}"></script> |
|
91 <script type="text/javascript" src="{% static 'hashcut/js/common.js' %}"></script> |
|
92 <script type="text/javascript" src="{% static 'hashcut/lib/underscore-min.js' %}"></script> |
|
93 <script type="text/javascript" src="{% static 'hashcut/lib/popcorn-complete.min.js' %}"></script> |
|
94 <script type="text/javascript" src="{% static 'hashcut/lib/ZeroClipboard.js' %}"></script> |
|
95 <script type="text/javascript" src="{% static 'hashcut/js/hashcut.js' %}"></script> |
|
96 <script type="text/javascript"> |
|
97 IriSP.endpoints = { |
|
98 content: "{% url api_dispatch_list api_name='1.0' resource_name='contents' %}", |
|
99 project: "{% url api_dispatch_list api_name='1.0' resource_name='projects' %}", |
|
100 segment: "{% url api_dispatch_list api_name='1.0' resource_name='segments' %}", |
|
101 ldt: "{% url projectjson_id id='' %}", |
|
102 hashcut_page: "{% url mashup_hashcut branding=branding ldt_id='' %}" |
|
103 }; |
|
104 |
|
105 $(function() { |
|
106 IriSP.video_url_transform = function(oldurl) { |
|
107 var newurl = oldurl.replace(/mp4:/i,''); |
|
108 newurl = newurl.replace(/ddc_player\//i,''); |
|
109 newurl = newurl.replace(/rtmp/i,'http'); |
|
110 return newurl; |
|
111 }; |
|
112 IriSP.mediaplayer({ |
|
113 id: "{{ctt_id}}" |
|
114 }); |
|
115 IriSP.social(); |
|
116 }); |
|
117 </script> |
|
118 {% endblock %} |
|
119 |