add player
This commit is contained in:
parent
7f62cc0b07
commit
a31e2bd546
1 changed files with 21 additions and 0 deletions
|
@ -121,6 +121,7 @@ Ox.load('UI', function() {
|
||||||
app.loaded = true;
|
app.loaded = true;
|
||||||
app.$ui.appPanel.replaceElement(1, app.$ui.list = app.ui.list());
|
app.$ui.appPanel.replaceElement(1, app.$ui.list = app.ui.list());
|
||||||
});
|
});
|
||||||
|
app.$ui.player = app.ui.player();
|
||||||
}
|
}
|
||||||
app.ui.appPanel = function() {
|
app.ui.appPanel = function() {
|
||||||
var $element = Ox.SplitPanel({
|
var $element = Ox.SplitPanel({
|
||||||
|
@ -175,6 +176,24 @@ Ox.load('UI', function() {
|
||||||
});
|
});
|
||||||
return $element;
|
return $element;
|
||||||
};
|
};
|
||||||
|
app.ui.player = function() {
|
||||||
|
var that = {},
|
||||||
|
player = document.createElement('audio');
|
||||||
|
that.play = function(id) {
|
||||||
|
if(id) {
|
||||||
|
player.src = '/track/' + id + '.mp3';
|
||||||
|
$(player).one('loadedmetadata', function() {
|
||||||
|
player.play();
|
||||||
|
});
|
||||||
|
} else {
|
||||||
|
player.play();
|
||||||
|
}
|
||||||
|
}
|
||||||
|
that.pause = function() {
|
||||||
|
player.pause();
|
||||||
|
}
|
||||||
|
return that;
|
||||||
|
}
|
||||||
app.ui.statusbar = function() {
|
app.ui.statusbar = function() {
|
||||||
var $status = $('<div>').attr({id: 'status'}),
|
var $status = $('<div>').attr({id: 'status'}),
|
||||||
$element = Ox.Bar({size: 24})
|
$element = Ox.Bar({size: 24})
|
||||||
|
@ -270,7 +289,9 @@ Ox.load('UI', function() {
|
||||||
if (id != app.user.playing) {
|
if (id != app.user.playing) {
|
||||||
app.user.playing = id;
|
app.user.playing = id;
|
||||||
app.$ui.list.value(app.user.playing, 'playing', true);
|
app.$ui.list.value(app.user.playing, 'playing', true);
|
||||||
|
app.$ui.player.play(id);
|
||||||
}
|
}
|
||||||
};
|
};
|
||||||
app.load();
|
app.load();
|
||||||
|
window.app = app;
|
||||||
});
|
});
|
||||||
|
|
Loading…
Reference in a new issue