summaryrefslogtreecommitdiff
path: root/static/sound.js
blob: 874c2130249334d9a50c54806e2875ecd163a746 (plain)
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
function playsound(model) {
	var item = model.toJSON();
	var id = item.track_id;
	var cid = model.cid;
	var el = $('#cid-' + cid);
	el.addClass('loading');
	if(sound) {
		sound.stop();
		sound.destruct();
	}
	sound = soundManager.createSound({
		id: 'audio',
		url: '/track/' + id,
		whileloading: function() {
			$('#status').text('Loading... ' + this.bytesLoaded);
			el.addClass('loading');
		},
		onload: function(success) {
			el.removeClass('loading').removeClass('nocache');
			slider = $('#progress').slider({
				max: sound.duration,
				slide: function(event, ui) {
					if(event.originalEvent)
						sound.setPosition(ui.value);
				}
			});
		},
		whileplaying: function() {
			$('#progress').slider("value", sound.position);
			//$('#' + id).addClass('playing');
			//$('#playlist-' + 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');
			var next = playlist.next();
			if(next) {
				playsound(next, $('#cid-' + next.cid));
			}
		}
	});
	sound.play();
	$('#cid-' + cid).addClass('playing');
}