apps/catalogue/templates/catalogue/player.html

   1 <!DOCTYPE html>
   2 <html>
   3     {% load i18n compressed %}
   4     {% load catalogue_tags %}
   5     {% load thumbnail %}
   6     <head>
   7         <meta http-equiv="Content-type" content="text/html; charset=utf-8" />
   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                 {% if book.cover %}
  20             <img src="
  21                 {% thumbnail book.cover "101x140" as thumb %}
  22                     {{ thumb.url }}
  23                 {% empty %}
  24                     {{ book.cover.url }}
  25                 {% endthumbnail %}
  26             " alt="Cover" style="float: left; margin: .5em 1em 1em 1em;" />
  27         {% endif %}
  28
  29
  30 <h1>{% book_title book %}</h1>
  31
  32 <div class="player-info normal-text">
  33         <p><a target="_blank" href="{{ book.get_absolute_url }}">{% trans "Book's page" %}</a>.</p>
  34         <p>{% trans "Download as" %}
  35         <a href="{% url download_zip_mp3 book.slug %}">MP3</a>{% if have_oggs %},
  36             <a href="{% url download_zip_ogg book.slug %}">Ogg Vorbis</a>{% endif %}.
  37     </p>
  38
  39     {% if book.has_daisy_file %}
  40         <p>DAISY:</p>
  41         <ul class="daisy-list">
  42         {% for media in book.get_daisy %}
  43             <li><a href="{{ media.file.url }}">{{ media.name }}</a></li>
  44         {% endfor %}
  45         </ul>
  46     {% endif %}
  47 </div>
  48
  49 <div style="clear: both"></div>
  50
  51 <div class="jp-type-playlist">
  52   <div id="jplayer" class="jp-jplayer"
  53     data-supplied="{% if have_oggs %}oga,{% endif %}mp3"></div>
  54   <div id="jp_container_1" class="jp-audio">
  55     <div class="jp-type-single">
  56       <div class="jp-gui jp-interface">
  57         <ul class="jp-controls">
  58           <li><a href="javascript:;" class="jp-play" tabindex="1">play</a></li>
  59           <li><a href="javascript:;" class="jp-pause" tabindex="1">pause</a></li>
  60           <li><a href="javascript:;" class="jp-stop" tabindex="1">stop</a></li>
  61           <li><a href="javascript:;" class="jp-mute" tabindex="1" title="mute">mute</a></li>
  62           <li><a href="javascript:;" class="jp-unmute" tabindex="1" title="unmute">unmute</a></li>
  63           <li><a href="javascript:;" class="jp-volume-max" tabindex="1" title="max volume">max volume</a></li>
  64         </ul>
  65         <div class="jp-progress">
  66           <div class="jp-seek-bar">
  67             <div class="jp-play-bar"></div>
  68           </div>
  69         </div>
  70         <div class="jp-volume-bar">
  71           <div class="jp-volume-bar-value"></div>
  72         </div>
  73         <div class="jp-time-holder">
  74           <div class="jp-current-time"></div>
  75           <div class="jp-duration"></div>
  76         </div>
  77       </div>
  78
  79       <div class="jp-playlist">
  80         <ul>
  81
  82         {% for i in audiobooks %}
  83           <li>
  84             <span class='jp-free-media'>
  85               (<a class='mp3' href='{{ i.mp3.file.url }}'>mp3</a>{% if i.ogg %}
  86               | <a class='ogg' href='{{ i.ogg.file.url }}'>ogg</a>{% endif %})
  87             </span>
  88             <div class='play'>{{ i.mp3.name }}
  89             <div class='extra-info'>
  90               {% trans "Artist" %}: <span class='artist'>{{ i.mp3.extra_info.artist_name }}</span>,
  91               {% trans "Director" %}: <span class='director'>{{ i.mp3.extra_info.director_name }}</span>
  92             </div>
  93             </div>
  94           </li>
  95         {% endfor %}
  96
  97         </ul>
  98       </div>
  99
 100       <div class="jp-no-solution">
 101         <span>Update Required</span>
 102         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>.
 103       </div>
 104     </div>
 105   </div>
 106 </div>
 107
 108
 109         {% if projects|length > 1 %}
 110             <p>{% trans "Audiobooks were prepared as a part of the projects:" %}</p>
 111             <ul>
 112             {% for cs, fb in projects %}
 113                 <li>
 114                 {% if fb %}
 115                     {% blocktrans %}{{ cs }}, funded by {{ fb }}{% endblocktrans %}
 116                 {% else %}
 117                     {{ cs }}
 118                 {% endif %}
 119                 </li>
 120             {% endfor %}
 121             </ul>
 122         {% else %}
 123             <p>
 124             {% with projects.0.0 as cs %}
 125             {% with projects.0.1 as fb %}
 126                 {% if fb %}
 127                     {% blocktrans %}Audiobooks were prepared as a part of the {{ cs }} project funded by {{ fb }}.{% endblocktrans %}
 128                 {% else %}
 129                     {% blocktrans %}Audiobooks were prepared as a part of the {{ cs }} project.{% endblocktrans %}
 130                 {% endif %}
 131             {% endwith %}
 132             {% endwith %}
 133             </p>
 134         {% endif %}
 135
 136
 137         <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
 138         {% compressed_js "player" %}
 139
 140         {{ piwik_tag|safe }}
 141         <script type="text/javascript">
 142         var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
 143         document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
 144         </script>
 145         <script type="text/javascript">
 146         var pageTracker = _gat._getTracker("UA-2576694-1");
 147         pageTracker._trackPageview();
 148         </script>
 149     </body>
 150 </html>