Plex External Player

Play plex videos in an external player

当前为 2019-08-27 提交的版本,查看 最新版本

  1. // ==UserScript==
  2. // @name Plex External Player
  3. // @namespace https://github.com/Kayomani/PlexExternalPlayer
  4. // @version 1.18
  5. // @description Play plex videos in an external player
  6. // @author Kayomani
  7. // @include /^https?://.*:32400/web.*
  8. // @include http://*:32400/web/index.html*
  9. // @include https://*:32400/web/index.html*
  10. // @require http://code.jquery.com/jquery-3.2.1.min.js
  11. // @connect *
  12. // @require https://cdnjs.cloudflare.com/ajax/libs/toastr.js/latest/js/toastr.min.js
  13. // @grant GM_xmlhttpRequest
  14. // ==/UserScript==
  15.  
  16. $("head").append (
  17. '<link href="//cdnjs.cloudflare.com/ajax/libs/toastr.js/latest/css/toastr.min.css" rel="stylesheet" type="text/css">'
  18. );
  19.  
  20.  
  21. toastr.options = {
  22. "closeButton": true,
  23. "debug": false,
  24. "newestOnTop": true,
  25. "progressBar": true,
  26. "positionClass": "toast-bottom-right",
  27. "preventDuplicates": false,
  28. "onclick": null,
  29. "showDuration": "300",
  30. "hideDuration": "1000",
  31. "timeOut": "5000",
  32. "extendedTimeOut": "1000",
  33. "showEasing": "swing",
  34. "hideEasing": "linear",
  35. "showMethod": "fadeIn",
  36. "hideMethod": "fadeOut"
  37. };
  38.  
  39. var showToast = function(msg, error){
  40. var title = 'Plex External Player';
  41. if(error){
  42. toastr.error(msg, title, {timeOut: 10000});
  43. logMessage(msg);
  44. }
  45. else
  46. {
  47. toastr.success(msg, title);
  48. }
  49. };
  50.  
  51. var logMessage = function(msg){
  52. console.log('[Plex External] ' + msg);
  53. };
  54.  
  55. var makeRequest = function(url, user, server){
  56. return new Promise( function (resolve, reject) {
  57. var origAccessToken = localStorage.myPlexAccessToken;
  58. var serverNode = {};
  59. if(localStorage.users) {
  60. serverNode = JSON.parse(localStorage.users);
  61. } else {
  62. logMessage('User details not found');
  63. }
  64. var tokenToTry = origAccessToken;
  65. if(serverNode===undefined)
  66. {
  67. serverNode = {
  68. users : []
  69. };
  70. }
  71.  
  72. if(user!==undefined && server !==undefined)
  73. {
  74. if(user < serverNode.users.length)
  75. {
  76. if(server < serverNode.users[user].servers.length)
  77. {
  78. tokenToTry = serverNode.users[user].servers[server].accessToken;
  79. }
  80. else
  81. {
  82. showToast('Could not find authentication info', 1);
  83. reject();
  84. return;
  85. }
  86. }
  87. else
  88. {
  89. showToast('Could not find authentication info', 1);
  90. reject();
  91. return;
  92. }
  93. }
  94. var onError = function()
  95. {
  96. if(user===undefined)
  97. {
  98. user = 0;
  99. server = 0;
  100. } else
  101. {
  102. server++;
  103. if(serverNode.users[user].servers.length===server)
  104. {
  105. user++;
  106. server = 0;
  107. }
  108. }
  109. makeRequest(url,user,server).then(resolve, reject);
  110. };
  111.  
  112. var authedUrl = url + '&X-Plex-Token=' +tokenToTry;
  113. logMessage('Calling ' + authedUrl);
  114. GM_xmlhttpRequest({
  115. method: "GET",
  116.  
  117. url: authedUrl,
  118. onload: function(state){
  119. if (state.status === 200) {
  120. logMessage('Called sucessfully to ' + url);
  121. resolve(state);
  122. }
  123. },
  124. onreadystatechange: function(state) {
  125. if (state.readyState === 4) {
  126.  
  127. if(state.status === 401)
  128. {
  129. logMessage('Not Authorised ' + url);
  130. onError();
  131. } else if (state.status !== 200) {
  132. logMessage('Request returned ' + state.status);
  133. showToast('Error calling: ' + url + '. Response: ' + state.responseText + ' Code:' + state.status + ' Message: ' + state.statusText, 1);
  134. }
  135. }
  136. },
  137. onerror: onError
  138. });
  139. });
  140. };
  141.  
  142.  
  143.  
  144. var markAsPlayedInPlex = function(id) {
  145. logMessage('Marking ' + id + ' as played');
  146. return makeRequest(window.location.origin + '/:/scrobble?key='+ id +'&identifier=com.plexapp.plugins.library').catch(function(){
  147. showToast('Failed to mark item ' + id + ' as played');
  148. });
  149. };
  150.  
  151. var openItemOnAgent = function(path, id, openFolder) {
  152. if(openFolder){
  153. var fwd = path.lastIndexOf('/');
  154. var bck = path.lastIndexOf('\\');
  155. var best = fwd>bck?fwd:bck;
  156. if(best>-1){
  157. path = path.substr(0, best);
  158. }
  159. }
  160. showToast('Playing ' + path, 0);
  161. logMessage('Playing ' + path);
  162. // umicrosharp doesn't handle plus properly
  163. path = path.replace(/\+/g, '[PLEXEXTPLUS]');
  164. var url = 'http://localhost:7251/?protocol=2&item=' + encodeURIComponent(path);
  165. return new Promise(function (resolve, reject) {
  166. makeRequest(url).then(function(){
  167. markAsPlayedInPlex(id).then(resolve, reject);
  168. },reject);
  169. });
  170. };
  171.  
  172. var clickListener = function(e) {
  173. e.preventDefault();
  174. e.stopPropagation();
  175. var a = jQuery(e.target).closest('a');
  176. var link = a.attr('href');
  177. var openFolder = jQuery(e.target).attr('title') === 'Open folder';
  178. var url = link;
  179. if (link === '#' || link === undefined || link === 'javascript:void(0)') {
  180. url = window.location.hash;
  181. }
  182.  
  183. if (url.indexOf('%2Fmetadata%2F') > -1) {
  184. var idx = url.indexOf('%2Fmetadata%2F');
  185. var id = url.substr(idx + 14);
  186. var idToken = id.indexOf('&');
  187. if(idToken>-1){
  188. id= id.substr(0, idToken);
  189. }
  190.  
  191. // Get metadata
  192. var metaDataPath = window.location.origin + '/library/metadata/' + id + '?includeConcerts=1&includeExtras=1&includeOnDeck=1&includePopularLeaves=1&includePreferences=1&includeChapters=1&asyncCheckFiles=0&asyncRefreshAnalysis=0&asyncRefreshLocalMediaAgent=0';
  193. makeRequest(metaDataPath)
  194. .then(function(response){
  195. // Play the first availible part
  196. var parts = response.responseXML.getElementsByTagName('Part');
  197. for (var i = 0; i < parts.length; i++) {
  198. if (parts[i].attributes['file'] !== undefined) {
  199. openItemOnAgent(parts[i].attributes['file'].value, id, openFolder).catch(function(){
  200. showToast('Failed to connect to agent, is it running or firewalled?',1);
  201. });
  202. return;
  203. }
  204. }
  205.  
  206. if (parts.length === 0) {
  207. // If we got a directory/Season back then get the files in it
  208. var dirs = response.responseXML.getElementsByTagName('Directory');
  209. if (dirs.length > 0) {
  210. makeRequest(window.location.origin + dirs[0].attributes['key'].value)
  211. .then(function(response){
  212. var videos = response.responseXML.getElementsByTagName('Video');
  213. var file = null;
  214. var id = null;
  215. if(videos.length === 0)
  216. {
  217. showToast('Could not determine which video to play as there are multiple seasons.',true);
  218. return;
  219. }
  220. for (var i = 0; i < videos.length; i++) {
  221. var vparts = videos[i].getElementsByTagName('Part');
  222. if (vparts.length > 0) {
  223. file = vparts[0].attributes['file'].value;
  224. id = vparts[0].attributes['id'].value;
  225. if (videos[i].attributes['lastViewedAt'] === null || videos[i].attributes['lastViewedAt'] === undefined) {
  226. break;
  227. }
  228. }
  229. }
  230.  
  231. if (file !== null)
  232. {
  233. openItemOnAgent(file, id, openFolder).catch(function(){
  234. showToast('Failed to connect to agent, is it running or firewalled?',1);
  235. });
  236. }
  237. }).catch(function(){
  238. showToast('Failed to get information for directory',1);
  239. });
  240. }
  241. }
  242. }, function(error){
  243. showToast('Error getting metadata from ' + metaDataPath + "Error: " + error, 1);
  244. logMessage('Error ' + JSON.stringify(error));
  245. });
  246. }
  247. };
  248.  
  249. var bindClicks = function() {
  250. var hasBtn = false;
  251. var toolBar= jQuery("#plex-icon-toolbar-play-560").parent().parent();
  252. toolBar.children('button').each(function(i, e) {
  253. if(jQuery(e).hasClass('plexextplayer'))
  254. hasBtn = true;
  255. });
  256.  
  257.  
  258. if(!hasBtn)
  259. {
  260. 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>');
  261. toolBar.prepend(template);
  262. template.click(clickListener);
  263.  
  264. }
  265.  
  266. // Cover page
  267. jQuery('[id=plex-icon-more-vertical-560]').each(function(i, e) {
  268. e = jQuery(e);
  269. var poster = e.parent().parent();
  270. if(poster.length === 1 && poster[0].className.trim().startsWith('MetadataPosterCardOverlay'))
  271. {
  272. var existingButton = poster.find('.plexextplayerico');
  273. if(existingButton.length === 0)
  274. {
  275. var url = poster.find('a').attr('href');
  276. var template = jQuery('<a href="'+ url +'" aria-haspopup="false" aria-role="button" class="" type="button"><i class="glyphicon play plexextplayer plexextplayerico plexextplayericocover"></i></button>');
  277. var newButton = template.appendTo(poster);
  278. newButton.click(clickListener);
  279. poster.mouseenter(function(){
  280. newButton.find('i').css('display','block');
  281. });
  282. poster.mouseleave(function(){
  283. newButton.find('i').css('display','none');
  284. });
  285. }
  286. }
  287. });
  288. };
  289.  
  290. // Make buttons smaller
  291. 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>');
  292.  
  293. // Bind buttons and check for new ones every 100ms
  294. setInterval(bindClicks, 100);
  295. bindClicks();