1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
|
soundManager.useHTML5Audio = true;
soundManager.preferFlash = false;
var sound = null;
function play() {
if(sound)
sound.play();
}
function pause() {
if(sound)
sound.togglePause();
}
function preload_images() {
var cache_images = new Array(
'loading.gif',
'music_playing.png'
);
$.each(cache_images, function() {
(new Image()).src = '/static/icons/' + this;
});
}
Handlebars.registerHelper('trackname', function() {
var item = this;
if(!item.metadata)
return item.name;
var s = '';
if(item.metadata.title)
s = item.metadata.title;
if(item.metadata.artist) {
if(s.length) {
s = ' - ' + s;
s = item.metadata.artist + s;
}
}
if(!s.length)
s = item.name;
return s;
});
var templates = new (function Templates() {
this.directory_item = Handlebars.compile('<li id="{{type}}-{{id}}" class="{{type}}{{#if nocache}} nocache{{/if}}"><a href="#">{{trackname}}</a>');
})();
function load_directory(dir_id, dir_item) {
$.get('/json/list/' + dir_id, function(data) {
var dir_list = $('#directory-list');
dir_list.html('');
if(dir_item && dir_item.parent) {
dir_list.append($('<li></li>')
.addClass('dir')
.append($('<a></a>')
.attr('href', '#')
.text('..')
.click(function() {
load_directory(dir_item.parent.id, dir_item.parent);
return false;
})
)
);
}
$.each(data, function(i, item) {
if(item.type == "track")
item.nocache = !item.cache;
var el = $(templates.directory_item(item));
var id = el.attr('id');
if(item.type == "track") {
$(el, 'a').click(function() {
el.addClass('loading');
if(sound) {
sound.stop();
sound.destruct();
}
sound = soundManager.createSound({
id: 'audio',
url: '/track/' + item.id,
whileloading: function() {
$('#status').text('Loading... ' + this.bytesLoaded);
},
onload: function(success) {
el.removeClass('loading').removeClass('nocache');
},
whileplaying: function() {
$('#' + id).addClass('playing');
var seconds = (this.position / 1000).toFixed(0);
var minutes = Math.floor(seconds / 60).toFixed(0);
seconds %= 60;
if(seconds < 10)
seconds = '0' + seconds;
var pos = minutes + ':' + seconds;
$('#status').text(pos);
},
onstop: function() {
$('#' + id).removeClass('playing');
},
onfinish: function() {
$('#' + id).removeClass('playing');
}
});
sound.play();
return false;
});
} else if(item.type == "dir") {
$(el).click(function() {
load_directory(item.id, item);
return false;
});
}
$(el, 'a').click
dir_list.append(el);
});
});
}
$(document).ready(function() {
preload_images();
load_directory(0);
});
|