1 |
|
2 |
|
3 | <script>
|
4 | hydrateSoundclouds({ clientId: '{{ options.clientId }}', url: '{{ item.url }}', display_type: '{{ options.display_type }}' })
|
5 | </script>
|
6 |
|
7 | {% if options.display_type == "waveform" %}
|
8 | <div class="apos-soundcloud-container">
|
9 |
|
10 |
|
11 | <div class="sc-logo"><a target="_blank" href="http://soundcloud.com"><img src="/modules/soundcloud/images/soundcloud.png"></a></div>
|
12 | <div class="playpause-button"><i id="playpause" class="icon-play"></i></div>
|
13 |
|
14 |
|
15 |
|
16 | <div class="download-button"><a href=""><i class="icon-download"></i></a></div>
|
17 |
|
18 | <div id='waveform'>
|
19 | <div class="play-text">Click to Play</div>
|
20 | </div>
|
21 | </div>
|
22 |
|
23 | {% elif options.display_type == "360" %}
|
24 |
|
25 | <div class="ui360">
|
26 | <a id="track" type="audio/mp3" href="">play</a>
|
27 | </div>
|
28 |
|
29 |
|
30 | {% elif options.display_type == "Soundcloud-embed" %}
|
31 |
|
32 | <div class="apos-soundcloud-container"></div>
|
33 |
|
34 | {% endif %}
|
35 |
|
36 | <div class="apos-soundcloud-container" data-url="{{ item.url }}">
|
37 | </div>
|
38 |
|