Mercurial > public > bravenewsurf

comparison bns_website/templates/music.html @ 65:4e6a30e35334 bands-experimental-ui

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
Merging default back into my experimental UI branch for more experimenting.
author Chris Ridgway <ckridgway@gmail.com>
date Wed, 16 Nov 2011 22:57:58 -0600
parents 057b0a016b7a
children 1d50a0db4f21
comparison
equal deleted inserted replaced
55:c3b4884fe4ea 65:4e6a30e35334
1 {% extends 'base.html' %} 1 {% extends 'base.html' %}
2 {% load core_tags %} 2 {% load core_tags %}
3
3 {% block title %}Listen{% endblock %} 4 {% block title %}Listen{% endblock %}
5
6 {% block custom_css %}
7 <link type="text/css" href="{{ STATIC_URL }}jplayer_skin/blue.monday/jplayer.blue.monday.css" rel="stylesheet" />
8 {% endblock %}
9
10 {% block custom_js %}
11 <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js"></script>
12 <script type="text/javascript" src="{{ STATIC_URL }}js/jquery.jplayer.min.js"></script>
13 <script type="text/javascript" src="{{ STATIC_URL }}js/jplayer.playlist.min.js"></script>
14 <script type="text/javascript">
15 $(document).ready(function(){
16
17 new jPlayerPlaylist({
18 jPlayer: "#jquery_jplayer_1",
19 cssSelectorAncestor: "#jp_container_1"},
20 [
21 {
22 artist:"El Supernaut",
23 title:"Wonderman from Initiö",
24 mp3:"{{ STATIC_URL }}music/1.mp3"
25 },
26 {
27 artist:"Los Twang! Marvels",
28 title:"Sea of Glory",
29 mp3:"{{ STATIC_URL }}music/2.mp3"
30 },
31 {
32 artist:"El Ray",
33 title:"Cherry Cheeks",
34 mp3:"{{ STATIC_URL }}music/3.mp3"
35 },
36 {
37 artist:"The Coffin Daggers",
38 title:"Borgo Pass",
39 mp3:"{{ STATIC_URL }}music/4.mp3"
40 },
41 {
42 artist:"Aqualads",
43 title:"Washout",
44 mp3:"{{ STATIC_URL }}music/5.mp3"
45 },
46 {
47 artist:"The TomorrowMen",
48 title:"Momentium",
49 mp3:"{{ STATIC_URL }}music/6.mp3"
50 },
51 {
52 artist:"The Phantom Four",
53 title:"El Palmero",
54 mp3:"{{ STATIC_URL }}music/7.mp3"
55 },
56 {
57 artist:"Atomic Mosquitos",
58 title:"Mosquito Royale",
59 mp3:"{{ STATIC_URL }}music/8.mp3"
60 },
61 {
62 artist:"Los Kahunas",
63 title:"7 Mares",
64 mp3:"{{ STATIC_URL }}music/9.mp3"
65 },
66 {
67 artist:"The Bambi Molesters",
68 title:"As the Dark Wave Swells",
69 mp3:"{{ STATIC_URL }}music/10.mp3"
70 },
71 {
72 artist:"The Barbwires",
73 title:"La Caja del Muerto",
74 mp3:"{{ STATIC_URL }}music/11.mp3"
75 },
76 {
77 artist:"Frankie & the Pool Boys:",
78 title:"Ewa on the Beach",
79 mp3:"{{ STATIC_URL }}music/12.mp3"
80 },
81 {
82 artist:"The Thunderchiefs",
83 title:"Estratosfera",
84 mp3:"{{ STATIC_URL }}music/13.mp3"
85 },
86 {
87 artist:"The Secret Samurai",
88 title:"The Khazar",
89 mp3:"{{ STATIC_URL }}music/14.mp3"
90 },
91 {
92 artist:"The Madeira:",
93 title:"Witch Doctor",
94 mp3:"{{ STATIC_URL }}music/15.mp3"
95 },
96 {
97 artist:"The Eliminators:",
98 title:"Walking Tall",
99 mp3:"{{ STATIC_URL }}music/16.mp3"
100 },
101 {
102 artist:"Surfer Joe",
103 title:"North Swell",
104 mp3:"{{ STATIC_URL }}music/17.mp3"
105 },
106 {
107 artist:"The Deadbeats",
108 title:"Karabasan",
109 mp3:"{{ STATIC_URL }}music/18.mp3"
110 },
111 {
112 artist:"Daikaiju",
113 title:"Laser Runner",
114 mp3:"{{ STATIC_URL }}music/19.mp3"
115 },
116 {
117 artist:"The Anacondas",
118 title:"Floating Home",
119 mp3:"{{ STATIC_URL }}music/20.mp3"
120 }
121 ],
122 {
123 playlistOptions: {
124 enableRemoveControls: true,
125 autoPlay: false
126 },
127 swfPath: "{{ STATIC_URL }}js",
128 solution:"html, flash",
129 oggSupport: false,
130 supplied: "mp3"
131 });
132 });
133 </script>
134 {% endblock %}
135
4 {% block content %} 136 {% block content %}
5 {% navbar 'music' %} 137 {% navbar 'music' %}
6 <h1>Listen</h1> 138 <h1>Listen</h1>
7 <p><strong>TODO</strong>: put some kind of music player here. Possibly embed a ReverbNation player, or use jPlayer.</p> 139 <div id="jquery_jplayer_1" class="jp-jplayer"></div>
140
141 <div id="jp_container_1" class="jp-audio">
142 <div class="jp-type-playlist">
143 <div class="jp-gui jp-interface">
144 <ul class="jp-controls">
145 <li><a href="javascript:;" class="jp-previous" tabindex="1">previous</a></li>
146 <li><a href="javascript:;" class="jp-play" tabindex="1">play</a></li>
147 <li><a href="javascript:;" class="jp-pause" tabindex="1">pause</a></li>
148 <li><a href="javascript:;" class="jp-next" tabindex="1">next</a></li>
149 <li><a href="javascript:;" class="jp-stop" tabindex="1">stop</a></li>
150 <li><a href="javascript:;" class="jp-mute" tabindex="1" title="mute">mute</a></li>
151 <li><a href="javascript:;" class="jp-unmute" tabindex="1" title="unmute">unmute</a></li>
152 <li><a href="javascript:;" class="jp-volume-max" tabindex="1" title="max volume">max volume</a></li>
153 </ul>
154 <div class="jp-progress">
155 <div class="jp-seek-bar">
156 <div class="jp-play-bar"></div>
157 </div>
158 </div>
159 <div class="jp-volume-bar">
160 <div class="jp-volume-bar-value"></div>
161 </div>
162 <div class="jp-time-holder">
163 <div class="jp-current-time"></div>
164 <div class="jp-duration"></div>
165 </div>
166 <ul class="jp-toggles">
167 <li><a href="javascript:;" class="jp-shuffle" tabindex="1" title="shuffle">shuffle</a></li>
168 <li><a href="javascript:;" class="jp-shuffle-off" tabindex="1" title="shuffle off">shuffle off</a></li>
169 <li><a href="javascript:;" class="jp-repeat" tabindex="1" title="repeat">repeat</a></li>
170 <li><a href="javascript:;" class="jp-repeat-off" tabindex="1" title="repeat off">repeat off</a></li>
171 </ul>
172 </div>
173 <div class="jp-playlist">
174 <ul>
175 <li></li>
176 </ul>
177 </div>
178 <div class="jp-no-solution">
179 <span>Update Required</span>
180 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>.
181 </div>
182 </div>
183 </div>
8 {% endblock %} 184 {% endblock %}