mirrors/jellyfin-web
1
0
Fork 0
mirror of https://github.com/jellyfin/jellyfin-web synced 2025-03-30 19:56:21 +00:00
Code Activity

control remote players with now playing bar

Browse source
This commit is contained in:
Luke Pulverenti 2014-04-12 13:27:53 -04:00
parent 85a08beb3e
commit 2835534c6d
6 changed files with 342 additions and 91 deletions
Download patch file Download diff file Expand all files Collapse all files

189
dashboard-ui/scripts/remotecontrol.js
View file

@ -96,14 +96,14 @@
var id = $('#selectSession', popup).val();
ApiClient.sendSystemCommand(id, 'GoHome');
ApiClient.sendCommand(id, 'GoHome');
});
$('.btnGoToSettings', popup).on('click', function () {
var id = $('#selectSession', popup).val();
ApiClient.sendSystemCommand(id, 'GoToSettings');
ApiClient.sendCommand(id, 'GoToSettings');
});
$('.btnSendMessage', popup).on('click', function () {
@ -129,21 +129,21 @@
var id = $('#selectSession', popup).val();
ApiClient.sendSystemCommand(id, 'VolumeDown');
ApiClient.sendCommand(id, 'VolumeDown');
});
$('.btnVolumeUp', popup).on('click', function () {
var id = $('#selectSession', popup).val();
ApiClient.sendSystemCommand(id, 'VolumeUp');
ApiClient.sendCommand(id, 'VolumeUp');
});
$('.btnToggleMute', popup).on('click', function () {
var id = $('#selectSession', popup).val();
ApiClient.sendSystemCommand(id, 'ToggleMute');
ApiClient.sendCommand(id, 'ToggleMute');
});
$('.btnStop', popup).on('click', function () {
@ -432,6 +432,20 @@
ApiClient.sendPlayCommand(sessionId, remoteOptions);
}
function sendPlayStateCommand(command, options) {
var sessionId = MediaController.getPlayerInfo().id;
ApiClient.sendPlayStateCommand(sessionId, command, options);
}
function sendCommand(command, options) {
var sessionId = MediaController.getPlayerInfo().id;
ApiClient.sendCommand(sessionId, command, options);
}
function remoteControlPlayer() {
var self = this;
@ -469,19 +483,114 @@
};
self.stop = function () {
sendPlayStateCommand('stop');
};
self.nextTrack = function () {
sendPlayStateCommand('nextTrack');
};
self.previousTrack = function () {
sendPlayStateCommand('previousTrack');
};
self.seek = function (positionTicks) {
sendPlayStateCommand('seek',
{
SeekPositionTicks: positionTicks
});
};
self.pause = function () {
sendPlayStateCommand('Pause');
};
self.unpause = function () {
sendPlayStateCommand('Unpause');
};
self.mute = function () {
sendCommand('Mute');
};
self.unMute = function () {
sendCommand('Unmnute');
};
self.toggleMute = function () {
sendCommand('ToggleMute');
};
self.setVolume = function (vol) {
sendCommand('SetVolume', {
Volume: vol
});
};
self.getPlayerState = function () {
var deferred = $.Deferred();
ApiClient.getSessions().done(function (sessions) {
var currentTargetId = MediaController.getPlayerInfo().id;
// Update existing data
//updateSessionInfo(popup, msg.Data);
var session = sessions.filter(function (s) {
return s.Id == currentTargetId;
})[0];
if (session) {
session = getPlayerState(session);
}
deferred.resolveWith(null, [session]);
});
return deferred.promise();
};
function subscribeToPlayerUpdates() {
if (ApiClient.isWebSocketOpen()) {
ApiClient.sendWebSocketMessage("SessionsStart", "100,700");
}
}
function unsubscribeFromPlayerUpdates() {
if (ApiClient.isWebSocketOpen()) {
ApiClient.sendWebSocketMessage("SessionsStop");
}
}
var playerListenerCount = 0;
self.beginPlayerUpdates = function () {
if (playerListenerCount <= 0) {
playerListenerCount = 0;
subscribeToPlayerUpdates();
}
playerListenerCount++;
};
self.endPlayerUpdates = function () {
playerListenerCount--;
if (playerListenerCount <= 0) {
unsubscribeFromPlayerUpdates();
playerListenerCount = 0;
}
};
self.getTargets = function () {
@ -521,11 +630,67 @@
};
}
MediaController.registerPlayer(new remoteControlPlayer());
var player = new remoteControlPlayer();
MediaController.registerPlayer(player);
function getPlayerState(session) {
var state = {
volumeLevel: session.VolumeLevel,
isMuted: session.IsMuted,
isPaused: session.IsPaused,
canSeek: session.CanSeek
};
var item = session.NowPlayingItem;
if (item) {
state.itemId = item.Id;
state.itemType = item.Type;
state.mediaType = item.MediaType;
state.runtimeTicks = item.RunTimeTicks;
state.mediaSource = item.MediaSourceId;
state.positionTicks = session.NowPlayingPositionTicks || 0;
state.itemName = item.Name;
state.primaryImageItemId = item.PrimaryImageItemId;
state.primaryImageTag = item.PrimaryImageTag;
state.backdropItemId = item.BackdropItemId;
state.backdropImageTag = item.BackdropImageTag;
state.thumbItemId = item.ThumbItemId;
state.thumbImageTag = item.ThumbImageTag;
}
return state;
}
function firePlaybackEvent(name, session) {
$(player).trigger(name, [getPlayerState(session)]);
}
function onWebSocketMessageReceived(e, msg) {
if (msg.MessageType === "SessionEnded") {
if (msg.MessageType === "Sessions") {
var currentTargetId = MediaController.getPlayerInfo().id;
// Update existing data
//updateSessionInfo(popup, msg.Data);
var session = msg.Data.filter(function (s) {
return s.Id == currentTargetId;
})[0];
if (session) {
firePlaybackEvent('playstatechange', session);
}
}
else if (msg.MessageType === "SessionEnded") {
console.log("Server reports another session ended");
@ -533,6 +698,12 @@
MediaController.setDefaultPlayerActive();
}
}
else if (msg.MessageType === "PlaybackStart") {
firePlaybackEvent('playbackstart', msg.Data);
}
else if (msg.MessageType === "PlaybackStopped") {
firePlaybackEvent('playbackstop', msg.Data);
}
}
$(ApiClient).on("websocketmessage", onWebSocketMessageReceived);