Play plex videos in an external player
// ==UserScript==
// @name Plex External Player
// @namespace https://github.com/Kayomani/PlexExternalPlayer
// @version 1.23
// @description Play plex videos in an external player
// @author Kayomani, 1LucKyLuke
// @include /^https?://.*:32400/web.*
// @include http://*:32400/web/index.html*
// @include https://*:32400/web/index.html*
// @include https://app.plex.tv/*
// @require http://code.jquery.com/jquery-3.2.1.min.js
// @connect *
// @require https://cdnjs.cloudflare.com/ajax/libs/toastr.js/latest/js/toastr.min.js
// @grant GM_xmlhttpRequest
// ==/UserScript==
$("head").append(
'<link href="//cdnjs.cloudflare.com/ajax/libs/toastr.js/latest/css/toastr.min.css" rel="stylesheet" type="text/css">'
);
toastr.options = {
"closeButton": true,
"debug": false,
"newestOnTop": true,
"progressBar": true,
"positionClass": "toast-bottom-right",
"preventDuplicates": false,
"onclick": null,
"showDuration": "300",
"hideDuration": "1000",
"timeOut": "5000",
"extendedTimeOut": "1000",
"showEasing": "swing",
"hideEasing": "linear",
"showMethod": "fadeIn",
"hideMethod": "fadeOut"
};
var showToast = function (msg, error) {
var title = 'Plex External Player';
if (error) {
toastr.error(msg, title, { timeOut: 10000 });
logMessage(msg);
}
else {
toastr.success(msg, title);
}
};
var logMessage = function (msg) {
console.log('[Plex External] ' + msg);
};
var makeRequest = function (url, serverId) {
return new Promise(function (resolve, reject) {
var origAccessToken = localStorage.myPlexAccessToken;
var serverNode = {};
if (localStorage.users) {
serverNode = JSON.parse(localStorage.users);
} else {
logMessage('User details not found');
}
var tokenToTry = origAccessToken;
if (serverNode === undefined) {
serverNode = {
users: []
};
}
logMessage('Looking for token of serverId:'+serverId)
let tokenFound = false
if (serverId !== undefined) {
serverLoop:
for (var i = 0; i < serverNode.users.length; i++) {
logMessage('Checking server list ('+serverNode.users[i].servers.length+') for user:' +serverNode.users[i].username)
for (var j = 0; j < serverNode.users[i].servers.length; j++) {
logMessage('Checking server with id '+serverNode.users[i].servers[j].machineIdentifier)
if (serverNode.users[i].servers[j].machineIdentifier == serverId) {
tokenToTry = serverNode.users[i].servers[j].accessToken;
logMessage('Token found:' + tokenToTry);
tokenFound = true
break serverLoop;
}
}
}
if (!tokenFound){
showToast('Could not find authentication info', 1);
reject();
return;
}
}
var authedUrl = url + '&X-Plex-Token=' + tokenToTry;
logMessage('Calling ' + authedUrl);
GM_xmlhttpRequest({
method: "GET",
url: authedUrl,
onload: function (state) {
if (state.status === 200) {
logMessage('Called sucessfully to ' + url);
resolve(state);
}
},
onreadystatechange: function (state) {
if (state.readyState === 4) {
if (state.status === 401) {
logMessage('Not Authorised ' + url);
} else if (state.status !== 200) {
logMessage('Request returned ' + state.status);
showToast('Error calling: ' + url + '. Response: ' + state.responseText + ' Code:' + state.status + ' Message: ' + state.statusText, 1);
}
}
},
});
});
};
var markAsPlayedInPlex = function (id, serverId) {
logMessage('Marking ' + id + ' as played');
return makeRequest(pmsUrls.get(serverId) + '/:/scrobble?key=' + id + '&identifier=com.plexapp.plugins.library', serverId).catch(function () {
showToast('Failed to mark item ' + id + ' as played');
});
};
var openItemOnAgent = function (path, id, openFolder, serverId) {
if (openFolder) {
var fwd = path.lastIndexOf('/');
var bck = path.lastIndexOf('\\');
var best = fwd > bck ? fwd : bck;
if (best > -1) {
path = path.substr(0, best);
}
}
showToast('Playing ' + path, 0);
logMessage('Playing ' + path);
// umicrosharp doesn't handle plus properly
path = path.replace(/\+/g, '[PLEXEXTPLUS]');
var url = 'http://localhost:7251/?protocol=2&item=' + encodeURIComponent(path);
return new Promise(function (resolve, reject) {
makeRequest(url).then(function () {
if (!openFolder) {
markAsPlayedInPlex(id, serverId).then(resolve, reject);
}
}, reject);
});
};
var clickListener = function (e) {
e.preventDefault();
e.stopPropagation();
var a = jQuery(e.target).closest('a');
var link = a.attr('href');
var openFolder = jQuery(e.target).attr('title') === 'Open folder';
var url = link;
if (link === '#' || link === undefined || link === 'javascript:void(0)') {
url = window.location.hash;
}
if (url.indexOf('/server/') > -1) {
var serverId = url.split('/')[2];
}
if (url.indexOf('%2Fmetadata%2F') > -1) {
var idx = url.indexOf('%2Fmetadata%2F');
var id = url.substr(idx + 14);
var idToken = id.indexOf('&');
if (idToken > -1) {
id = id.substr(0, idToken);
}
// Get metadata
let metaDataPath = pmsUrls.get(serverId) + '/library/metadata/' + id + '?includeConcerts=1&includeExtras=1&includeOnDeck=1&includePopularLeaves=1&includePreferences=1&includeChapters=1&asyncCheckFiles=0&asyncRefreshAnalysis=0&asyncRefreshLocalMediaAgent=0';
makeRequest(metaDataPath, serverId)
.then(function (response) {
// Play the first availible part
let parts = response.responseXML.getElementsByTagName('Part');
for (let i = 0; i < parts.length; i++) {
if (parts[i].attributes['file'] !== undefined) {
let videoId = parts[i].parentNode.parentNode.attributes['ratingKey'].value;
if (videoId !== undefined) {
id = videoId;
}
openItemOnAgent(parts[i].attributes['file'].value, id, openFolder, serverId).catch(function () {
showToast('Failed to connect to agent, is it running or firewalled?', 1);
});
return;
}
}
if (parts.length === 0) {
// If we got a directory/Season back then get the files in it
var dirs = response.responseXML.getElementsByTagName('Directory');
if (dirs.length > 0) {
makeRequest(pmsUrls.get(serverId) + dirs[0].attributes['key'].value + '?includeConcerts=1&includeExtras=1&includeOnDeck=1&includePopularLeaves=1&includePreferences=1&includeChapters=1&asyncCheckFiles=0&asyncRefreshAnalysis=0&asyncRefreshLocalMediaAgent=0',serverId)
.then(function (response) {
var videos = response.responseXML.getElementsByTagName('Video');
var file = null;
var id = null;
if (videos.length === 0) {
showToast('Could not determine which video to play as there are multiple seasons.', true);
return;
}
for (var i = 0; i < videos.length; i++) {
var vparts = videos[i].getElementsByTagName('Part');
if (vparts.length > 0) {
file = vparts[0].attributes['file'].value;
id = vparts[0].attributes['id'].value;
if (videos[i].attributes['lastViewedAt'] === null || videos[i].attributes['lastViewedAt'] === undefined) {
break;
}
}
}
if (file !== null) {
openItemOnAgent(file, id, openFolder, serverId).catch(function () {
showToast('Failed to connect to agent, is it running or firewalled?', 1);
});
}
}).catch(function () {
showToast('Failed to get information for directory', 1);
});
}
}
}, function (error) {
showToast('Error getting metadata from ' + metaDataPath + "Error: " + error, 1);
logMessage('Error ' + JSON.stringify(error));
});
}
};
var bindClicks = function () {
var hasBtn = false;
var toolBar = jQuery('button[data-testid="preplay-play"]').parent();
toolBar.children('button').each(function (i, e) {
if (jQuery(e).hasClass('plexextplayer'))
hasBtn = true;
});
if (!hasBtn) {
var template = jQuery('<button class="play-btn media-poster-btn btn-link plexextplayer" tabindex="-1" title="Play Externally"><i class="glyphicon play plexextplayer plexextplayerico"></i></button><button class="play-btn media-poster-btn btn-link plexextplayer" title="Open folder" tabindex="-1"><i data-type="folder" title="Open folder" class="glyphicon play plexextplayer plexfolderextplayerico"></i></button>');
toolBar.prepend(template);
template.click(clickListener);
}
// Cover page
jQuery('[class^=MetadataPosterCardOverlay-link]').each(function (i, e) {
e = jQuery(e);
let poster = e.parent();
if (poster.length === 1 && poster[0].className.trim().startsWith('MetadataPosterCardOverlay')) {
let existingButton = poster.find('.plexextplayerico');
if (existingButton.length === 0) {
let url = poster.find('a').attr('href');
let template = jQuery('<a href="' + url + '" aria-haspopup="false" aria-role="button" class="" type="button"><i class="glyphicon play plexextplayer plexextplayerico plexextplayericocover"></i></button>');
let newButton = template.appendTo(poster);
newButton.click(clickListener);
poster.mouseenter(function () {
newButton.find('i').css('display', 'block');
});
poster.mouseleave(function () {
newButton.find('i').css('display', 'none');
});
}
}
});
//Thumbnails
jQuery('[class^=PosterCardLink-link]').each(function (i, e) {
e = jQuery(e);
let thumb = e.parent();
if (thumb.length === 1 && thumb[0].className.trim().startsWith('MetadataPosterListItem-card')) {
let existingButton = thumb.find('.plexextplayerico');
if (existingButton.length === 0) {
let url = thumb.find('a').attr('href');
let template = jQuery('<a href="' + url + '" aria-haspopup="false" aria-role="button" class="" type="button"><i class="glyphicon play plexextplayer plexextplayerico plexextplayericocover"></i></button>');
let thumbButton = template.appendTo(thumb);
thumbButton.click(clickListener);
thumb.mouseenter(function () {
thumbButton.find('i').css('display', 'block');
});
thumb.mouseleave(function () {
thumbButton.find('i').css('display', 'none');
});
}
}
});
// Playlist
jQuery("span[class^=' MetadataPosterTitle-singleLineTitle']").each(function (i, e) {
e = jQuery(e);
let playlistItem = e.closest("[class^='PlaylistItemRow-overlay']").find("[class^='PlaylistItemMetadata-indexContainer']");
if (playlistItem.length === 1) {
let existingButton = playlistItem.find('.plexextplayerico');
if (existingButton.length === 0) {
let url = e.find('a').attr('href');
let template = jQuery('<a href="' + url + '" aria-haspopup="false" aria-role="button" class="" type="button"><i class="glyphicon play plexextplayer plexextplayerico plexextplayericocover"></i></button>');
let newButton = template.appendTo(playlistItem);
newButton.click(clickListener);
playlistItem.closest("[class^='PlaylistItemRow-overlay']").mouseenter(function () {
newButton.find('i').css('display', 'block');
});
playlistItem.closest("[class^='PlaylistItemRow-overlay']").mouseleave(function () {
newButton.find('i').css('display', 'none');
});
}
}
});
};
var getHosts = function () {
makeRequest('https://plex.tv/api/resources?includeHttps=1&X-Plex-Token=' + localStorage.myPlexAccessToken)
.then(function (response) {
let parts = response.responseXML.getElementsByTagName('Device');
for (let i = 0; i < parts.length; i++) {
if (parts[i].getAttribute('product') == 'Plex Media Server') {
let connections = parts[i].getElementsByTagName('Connection');
for (let j = 0; j < connections.length; j++) {
if (connections[j].getAttribute('local') == parts[i].getAttribute('publicAddressMatches')) {
pmsUrls.set(parts[i].getAttribute('clientIdentifier'), 'http://' + connections[j].getAttribute('address') + ':' + connections[j].getAttribute('port'));
break;
}
}
}
}
}).catch(function () {
showToast('Failed to get PMS URLs', 1);
});
}
// Make buttons smaller
jQuery('body').append('<style>.plexextplayericocover {right: 10px; top: 10px; position:absolute; display:none;font-size:15px;} .glyphicon.plexfolderextplayerico:before { content: "\\e145"; } .glyphicon.plexextplayerico:before { content: "\\e161"; }</style>');
//Get known Plex Servers
var pmsUrls = new Map();
setTimeout(function () {
getHosts();
console.log(pmsUrls);
}, 1000);
// Bind buttons and check for new ones every 100ms
setInterval(bindClicks, 100);
bindClicks();