mirrors/ympd
1
0
Fork 0
mirror of https://github.com/SuperBFG7/ympd synced 2025-11-17 21:55:14 +00:00
Code Issues Releases Wiki Activity

various fixups

Browse Source
This commit is contained in:
Andrew Karpow
2013-11-05 00:17:28 +01:00
parent c692feb111
commit d194c8439a
9 changed files with 734 additions and 90 deletions
Download Patch File Download Diff File Expand all files Collapse all files

64
htdocs/js/mpd.js
View File

@@ -6,16 +6,42 @@ if (typeof MozWebSocket != "undefined") {
socket = new WebSocket(get_appropriate_ws_url(), "ympd-client");
}
try {
socket.onopen = function() {
console.log("Connected");
init();
}
socket.onmessage =function got_packet(msg) {
console.log(msg.data);
}
var obj = JSON.parse(msg.data);
switch (obj.type) {
case "playlist":
for (var song in obj.data) {
var minutes = Math.floor(obj.data[song].duration / 60);
var seconds = obj.data[song].duration - minutes * 60;
$('#salamisandwich tr:last').after(
"<tr id=\"playlist_" + obj.data[song].id + "\"><td>" + obj.data[song].id + "</td>" +
"<td>"+ obj.data[song].uri +"</td>" +
"<td>"+ obj.data[song].title.replace(/%07/g, '"') +"</td>" +
"<td>"+ minutes + ":" + (seconds < 10 ? '0' : '') + seconds +"</td></tr>");
}
break;
case "state":
$('#volumeslider').slider('setValue', obj.data.volume)
var progress = Math.floor(100*obj.data.elapsedTime/obj.data.totalTime) + "%";
$('#progressbar').width(progress);
$('#playlist_'+obj.data.currentsongid).addClass('active');
updatePlayIcon(obj.data.state);
updateVolumeIcon(obj.data.volume);
break;
default:
alert("Sie bleiben leider dumm");
break;
}
}
socket.onclose = function(){
console.log("Disconnected");
@@ -24,6 +50,10 @@ try {
alert('<p>Error' + exception);
}
$('#volumeslider').slider().on('slide', function(event) {
socket.send("MPD_API_SET_VOLUME,"+event.value);
});
function get_appropriate_ws_url()
{
var pcol;
@@ -48,20 +78,42 @@ function get_appropriate_ws_url()
return pcol + u[0];
}
var updateVolumeIcon = function(mute)
var updateVolumeIcon = function(volume)
{
$("#volume-icon").removeClass("glyphicon-volume-off");
$("#volume-icon").removeClass("glyphicon-volume-up");
$("#volume-icon").removeClass("glyphicon-volume-down");
if(mute) {
if(volume == 0) {
$("#volume-icon").addClass("glyphicon-volume-off");
$("#volume").button('toggle')
} else if (volume < 50) {
$("#volume-icon").addClass("glyphicon-volume-down");
} else {
$("#volume-icon").addClass("glyphicon-volume-up");
$("#volume").button('reset')
}
}
var updatePlayIcon = function(state)
{
$("#play-icon").removeClass("glyphicon-play");
$("#play-icon").removeClass("glyphicon-pause");
$("#play-icon").removeClass("glyphicon-stop");
if(state == 1) {
$("#play-icon").addClass("glyphicon-stop");
} else if(state == 2) {
$("#play-icon").addClass("glyphicon-pause");
} else {
$("#play-icon").addClass("glyphicon-play");
}
}
function init() {
socket.send("MPD_API_GET_PLAYLIST");
socket.send("MPD_API_GET_STATE");
}
function test() {
socket.send("MPD_API_GET_PLAYLIST");
}