- {% if book.has_mp3_file or book.has_ogg_file or book.has_daisy_file %}
- <p class="header">
- <span class="desc">{% trans "Audiobooks" %}:</span>
- <span class="audiotabs">
- {% if book.has_mp3_file %}<span class="active">MP3</span>{% endif %}
- {% if book.has_ogg_file %}<span>OGG</span>{% endif %}
- {% if book.has_daisy_file %}<span>DAISY</span>{% endif %}
- </span>
- </p>
- <div class="audiobooks">
- <img src="{{ STATIC_URL }}img/speaker.png" id="speaker" alt="Speaker icon"/>
- {% if book.has_mp3_file %}
- <ul class="audiobook-list" id="mp3-files">
- {% for media in book.get_mp3 %}
- <li class="mp3Player">
- <a href="{{ media.file.url }}">{{ media.name }}</a><br/>
- {% trans "Artist" %}: {{ media.get_extra_info_value.artist_name }}<br/>
- {% trans "Director"%}: {{ media.get_extra_info_value.director_name }}<br/>
- <object type="application/x-shockwave-flash" style="margin-top: 0.5em" data="{{ STATIC_URL }}player.swf" width="226" height="20">
- <param name="movie" value="{{ STATIC_URL }}player.swf" />
- <param name="bgcolor" value="#ffffff" />
- <param name="FlashVars" value="mp3={{ media.file.url }}&width=226&showvolume=1&bgcolor1=eeeeee&bgcolor2=eeeeee&buttoncolor=666666" />
- </object>
-
- </li>
- {% endfor %}
- </ul>
- {% endif %}
-
- {% if book.has_ogg_file %}
- <ul class="audiobook-list" id="ogg-files">
- {% for media in book.get_ogg %}
- <li><a href="{{ media.file.url }}">{{ media.name }}</a></li>
- {% endfor %}
- </ul>
- {% endif %}
- {% if book.has_daisy_file %}
- <ul class="audiobook-list" id="daisy-files">
- {% for media in book.get_daisy %}
- <li><a href="{{ media.file.url }}">{{ media.name }}</a></li>
- {% endfor %}
- </ul>
- {% endif %}
- </div> <!-- /audiobooks -->
- <p>{% blocktrans with '<a href="http://czytamysluchajac.pl">CzytamySłuchając</a>' as cs %}Audiobooks were prepared as a part of the {{ cs }} project.{% endblocktrans %}
- </p>
- {% endif %}