701fbe8506f1933eb6aec57fecb254624cc579d3
[wolnelektury.git] / src / catalogue / templates / catalogue / player.html
1 <!DOCTYPE html>
2 <html>
3     {% load static from staticfiles %}
4     {% load i18n pipeline %}
5     {% load catalogue_tags %}
6     {% load thumbnail %}
7     <head>
8         <meta http-equiv="Content-type" content="text/html; charset=utf-8" />
9         <meta name="description" 
10             content="{{ book.title }} - darmowy audiobook na wolnej licencji" />
11         <title>{% trans "Wolne Lektury" %} ::
12             {{ book.title }} - {{ audiobook }}</title>
13         <link rel="icon" href="{% static "img/favicon.png" %}" type="image/png" />
14         {% stylesheet "all" %}
15         {% stylesheet "player" %}
16
17     </head>
18     <body id="{% block bodyid %}player{% endblock %}">
19
20                 {% if book.cover_thumb %}
21             <img src="
22                 {% thumbnail book.cover_thumb "101x140" as thumb %}
23                     {{ thumb.url }}
24                 {% empty %}
25                     {{ book.cover_thumb.url }}
26                 {% endthumbnail %}
27             " alt="Cover" style="float: left; margin: .5em 1em 1em 1em;" />
28         {% endif %}
29         
30
31 <h1>{% book_title book %}</h1>
32
33 <div class="player-info normal-text">
34         <p><a target="_blank" href="{{ book.get_absolute_url }}">{% trans "Book's page" %}</a>.</p>
35         <p>{% trans "Download as" %} {% download_audio book False %}.</p>
36
37     {% if book.has_daisy_file %}
38         <p>DAISY:</p>
39         <ul class="daisy-list">
40         {% for media in book.get_daisy %}
41             <li><a href="{{ media.file.url }}">{{ media.name }}</a></li>
42         {% endfor %}
43         </ul>
44     {% endif %}
45 </div>
46
47 <div style="clear: both"></div>
48
49 <div class="jp-type-playlist">
50   <div id="jplayer" class="jp-jplayer"
51     data-supplied="{% if have_oggs %}oga,{% endif %}mp3"></div>
52   <div id="jp_container_1" class="jp-audio">
53     <div class="jp-type-single">
54       <div class="jp-gui jp-interface">
55         <ul class="jp-controls">
56           <li><a href="javascript:;" class="jp-play" tabindex="1">play</a></li>
57           <li><a href="javascript:;" class="jp-pause" tabindex="1">pause</a></li>
58           <li><a href="javascript:;" class="jp-stop" tabindex="1">stop</a></li>
59           <li><a href="javascript:;" class="jp-mute" tabindex="1" title="mute">mute</a></li>
60           <li><a href="javascript:;" class="jp-unmute" tabindex="1" title="unmute">unmute</a></li>
61           <li><a href="javascript:;" class="jp-volume-max" tabindex="1" title="max volume">max volume</a></li>
62         </ul>
63         <div class="jp-progress">
64           <div class="jp-seek-bar">
65             <div class="jp-play-bar"></div>
66           </div>
67         </div>
68         <div class="jp-volume-bar">
69           <div class="jp-volume-bar-value"></div>
70         </div>
71         <div class="jp-time-holder">
72           <div class="jp-current-time"></div>
73           <div class="jp-duration"></div>
74         </div>
75       </div>
76
77       <div class="jp-playlist">
78         <ul>
79
80         {% for i in audiobooks %}
81           <li>
82             <span class='jp-free-media'>
83               (<a class='mp3' href='{{ i.mp3.file.url }}'>mp3</a>{% if i.ogg %}
84               | <a class='ogg' href='{{ i.ogg.file.url }}'>ogg</a>{% endif %})
85             </span>
86             <div class='play'>{{ i.mp3.name }}
87             <div class='extra-info'>
88               {% trans "Artist" %}: <span class='artist'>{{ i.mp3.extra_info.artist_name }}</span>,
89               {% trans "Director" %}: <span class='director'>{{ i.mp3.extra_info.director_name }}</span>
90             </div>
91             </div>
92           </li>
93         {% endfor %}
94
95         </ul>
96       </div>
97
98       <div class="jp-no-solution">
99         <span>Update Required</span>
100         To play the media you will need to either update your browser to a recent version or update your <a href="http://get.adobe.com/flashplayer/" target="_blank">Flash plugin</a>.
101       </div>
102     </div>
103   </div>
104 </div>
105
106
107         {% if projects|length > 1 %}
108             <p>{% trans "Audiobooks were prepared as a part of the projects:" %}</p>
109             <ul>
110             {% for cs, fb in projects %}
111                 <li>
112                 {% if fb %}
113                     {% blocktrans %}{{ cs }}, funded by {{ fb }}{% endblocktrans %}
114                 {% else %}
115                     {{ cs }}
116                 {% endif %}
117                 </li>
118             {% endfor %}
119             </ul>
120         {% else %}
121             <p>
122             {% with projects.0.0 as cs %}
123             {% with projects.0.1 as fb %}
124                 {% if fb %}
125                     {% blocktrans %}Audiobooks were prepared as a part of the {{ cs }} project funded by {{ fb }}.{% endblocktrans %}
126                 {% else %}
127                     {% blocktrans %}Audiobooks were prepared as a part of the {{ cs }} project.{% endblocktrans %}
128                 {% endif %}
129             {% endwith %}
130             {% endwith %}
131             </p>
132         {% endif %}
133
134
135         <script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
136         {% javascript "player" %}
137
138         {{ piwik_tag|safe }}
139     </body>
140 </html>