cmsplugin_filer_audio / cmsplugin_filer_audio / templates / cmsplugin_filer_audio / plugin.html

{% load sekizai_tags %}
{% addtoblock "css" %}<link rel="stylesheet" type="text/css" href="{{STATIC_URL}}cmsplugin_filer_audio/style.css" />{% endaddtoblock %}
{% addtoblock "js" %}<script src="{{STATIC_URL}}cmsplugin_filer_audio/flowplayer/flowplayer-3.2.10.min.js"></script>{% endaddtoblock %}
{% addtoblock "js" %}
<script type="text/javascript">
    $(document).ready(function(){
        flowplayer("cmsplugin_filer_audio-player{{instance.pk}}",
                   "{{STATIC_URL}}cmsplugin_filer_audio/flowplayer/flowplayer-3.2.11.swf", {
            // fullscreen button not needed here
            plugins: {
                controls: {
                    fullscreen: false,
                    height: 30,
                    autoHide: false
                }
            },

            clip: {
                autoPlay: {{instance.autostart|yesno:"true,false"}},
            }

        });
    });
</script>
{% endaddtoblock %}

<div class="audio-player">
    <p>{{instance.title}}</p>
    <a href="{{instance.audiofile.url}}"
       id="cmsplugin_filer_audio-player{{instance.pk}}">
    </a>
</div>
Tip: Filter by directory path e.g. /media app.js to search for public/media/app.js.
Tip: Use camelCasing e.g. ProjME to search for ProjectModifiedEvent.java.
Tip: Filter by extension type e.g. /repo .js to search for all .js files in the /repo directory.
Tip: Separate your search with spaces e.g. /ssh pom.xml to search for src/ssh/pom.xml.
Tip: Use ↑ and ↓ arrow keys to navigate and return to view the file.
Tip: You can also navigate files with Ctrl+j (next) and Ctrl+k (previous) and view the file with Ctrl+o.
Tip: You can also navigate files with Alt+j (next) and Alt+k (previous) and view the file with Alt+o.