Initial commit

htdocs/js/mpd.js

@@ -0,0 +1,68 @@
+var socket;
+
+if (typeof MozWebSocket != "undefined") {
+	socket = new MozWebSocket(get_appropriate_ws_url(), "ympd-client");
+} else {
+	socket = new WebSocket(get_appropriate_ws_url(), "ympd-client");
+}
+
+
+try {
+	socket.onopen = function() {
+		console.log("Connected");
+	} 
+
+	socket.onmessage =function got_packet(msg) {
+		console.log(msg.data);
+	} 
+
+	socket.onclose = function(){
+		console.log("Disconnected");
+
+	}
+} catch(exception) {
+	alert('<p>Error' + exception);  
+}
+
+function get_appropriate_ws_url()
+{
+	var pcol;
+	var u = document.URL;
+
+	/*
+	 * We open the websocket encrypted if this page came on an
+	 * https:// url itself, otherwise unencrypted
+	 */
+
+	if (u.substring(0, 5) == "https") {
+		pcol = "wss://";
+		u = u.substr(8);
+	} else {
+		pcol = "ws://";
+		if (u.substring(0, 4) == "http")
+			u = u.substr(7);
+	}
+
+	u = u.split('/');
+
+	return pcol + u[0];
+}
+
+var updateVolumeIcon = function(mute)
+{
+	$("#volume-icon").removeClass("glyphicon-volume-off");
+	$("#volume-icon").removeClass("glyphicon-volume-up");
+
+	if(mute) {
+		$("#volume-icon").addClass("glyphicon-volume-off");
+		$("#volume").button('toggle')
+	} else {
+		$("#volume-icon").addClass("glyphicon-volume-up");
+		$("#volume").button('reset')
+	}
+}
+
+function test() {
+	socket.send("MPD_API_GET_PLAYLIST");
+}
+