wolnelektury/templates/catalogue/player.html

   1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
   2     "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
   3 <html xmlns="http://www.w3.org/1999/xhtml">
   4     {% load i18n compressed %}
   5     <head>
   6         <meta http-equiv="Content-type" content="text/html; charset=utf-8" />
   7         <meta http-equiv="Content-Style-Type" content="text/css" />
   8         <meta name="description"
   9             content="{{ book.title }} - darmowy audiobook na wolnej licencji" />
  10         <title>{% trans "Wolne Lektury" %} ::
  11             {{ book.title }} - {{ audiobook }}</title>
  12         <link rel="icon" href="{{ STATIC_URL }}img/favicon.png" type="image/png" />
  13         {% compressed_css "all" %}
  14         {% compressed_css "player" %}
  15
  16     </head>
  17     <body id="{% block bodyid %}player{% endblock %}">
  18
  19
  20
  21
  22 <div class="jp-type-playlist">
  23   <div id="jplayer" class="jp-jplayer"
  24     data-supplied="{% if have_oggs %}ogg,{% endif %}mp3"></div>
  25   <div id="jp_container_1" class="jp-audio">
  26     <div class="jp-type-single">
  27       <div class="jp-gui jp-interface">
  28         <ul class="jp-controls">
  29           <li><a href="javascript:;" class="jp-play" tabindex="1">play</a></li>
  30           <li><a href="javascript:;" class="jp-pause" tabindex="1">pause</a></li>
  31           <li><a href="javascript:;" class="jp-stop" tabindex="1">stop</a></li>
  32           <li><a href="javascript:;" class="jp-mute" tabindex="1" title="mute">mute</a></li>
  33           <li><a href="javascript:;" class="jp-unmute" tabindex="1" title="unmute">unmute</a></li>
  34           <li><a href="javascript:;" class="jp-volume-max" tabindex="1" title="max volume">max volume</a></li>
  35         </ul>
  36         <div class="jp-progress">
  37           <div class="jp-seek-bar">
  38             <div class="jp-play-bar"></div>
  39           </div>
  40         </div>
  41         <div class="jp-volume-bar">
  42           <div class="jp-volume-bar-value"></div>
  43         </div>
  44         <div class="jp-time-holder">
  45           <div class="jp-current-time"></div>
  46           <div class="jp-duration"></div>
  47         </div>
  48       </div>
  49
  50       <div class="jp-playlist">
  51         <ul>
  52
  53         {% for i in audiobooks %}
  54           <li>
  55             <span class='jp-free-media'>
  56               (<a class='mp3' href='{{ i.mp3.file.url }}'>mp3</a>{% if i.ogg %}
  57               | <a class='ogg' href='{{ i.ogg.file.url }}'>ogg</a>{% endif %})
  58             </span>
  59             <span class='play'>{{ i.mp3.name }}</span>
  60             <div class='extra-info'>
  61               {% trans "Artist" %}: <span class='artist'>{{ i.mp3.get_extra_info_value.artist_name }}</span>,
  62               {% trans "Director" %}: <span class='director'>{{ i.mp3.get_extra_info_value.director_name }}</span>
  63             </div>
  64           </li>
  65         {% endfor %}
  66
  67         </ul>
  68       </div>
  69
  70       <div class="jp-no-solution">
  71         <span>Update Required</span>
  72         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>.
  73       </div>
  74     </div>
  75   </div>
  76 </div>
  77
  78
  79     <p>{% trans "Download as" %}:
  80         <a href="{% url download_zip_mp3 book.fileid %}">MP3</a>{% if have_oggs %},
  81             <a href="{% url download_zip_ogg book.fileid %}">Ogg Vorbis</a>{% endif %}.
  82     </p>
  83
  84
  85         {% if book.has_daisy_file %}
  86             <p>DAISY:</p>
  87             <ul class="audiobook-list" id="daisy-files">
  88             {% for media in book.get_daisy %}
  89                 <li><a href="{{ media.file.url }}">{{ media.name }}</a></li>
  90             {% endfor %}
  91             </ul>
  92         {% endif %}
  93
  94
  95         {% if projects|length > 1 %}
  96             <p>{% trans "Audiobooks were prepared as a part of the projects:" %}</p>
  97             <ul>
  98             {% for cs, fb in projects %}
  99                 <li>
 100                 {% if fb %}
 101                     {% blocktrans %}{{ cs }}, funded by {{ fb }}{% endblocktrans %}
 102                 {% else %}
 103                     {{ cs }}
 104                 {% endif %}
 105                 </li>
 106             {% endfor %}
 107             </ul>
 108         {% else %}
 109             <p>
 110             {% with projects.0.0 as cs %}
 111             {% with projects.0.1 as fb %}
 112                 {% if fb %}
 113                     {% blocktrans %}Audiobooks were prepared as a part of the {{ cs }} project funded by {{ fb }}.{% endblocktrans %}
 114                 {% else %}
 115                     {% blocktrans %}Audiobooks were prepared as a part of the {{ cs }} project.{% endblocktrans %}
 116                 {% endif %}
 117             {% endwith %}
 118             {% endwith %}
 119             </p>
 120         {% endif %}
 121
 122
 123
 124
 125
 126
 127
 128
 129
 130         <div class="clearboth"></div>
 131
 132
 133
 134
 135
 136         <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
 137         {% compressed_js "player" %}
 138
 139         <!--{{ piwik_tag|safe }}
 140         <script type="text/javascript">
 141         var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
 142         document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
 143         </script>
 144         <script type="text/javascript">
 145         var pageTracker = _gat._getTracker("UA-2576694-1");
 146         pageTracker._trackPageview();
 147         </script>-->
 148     </body>
 149 </html>