☰

Show Subtitle/Audio Names for Plex

Add the subtitle, video, audio track titles and media version info to the Plex Web app.

  1. // ==UserScript==
  2. // @name     Show Subtitle/Audio Names for Plex 
  3. // @version  2.5
  4. // @grant    none
  5. // @include  https://app.plex.tv/*
  6. // @description Add the subtitle, video, audio track titles and media version info to the Plex Web app.
  7. // @license  MIT; https://spdx.org/licenses/MIT.html#licenseText
  8. // @namespace https://greasyfork.org/users/456605
  9. // ==/UserScript==
  10.  
  11. function main () {
  12.     function getMediaTitle(media) {
  13.       	let parts = media.Part;
  14.         for (let k = 0; k < parts.length; k++) {
  15.             if (!parts[k].hasOwnProperty("Stream")) continue;
  16.             let streams = parts[k].Stream;
  17.             for (let l = 0; l < streams.length; l++) {
  18.                 if (streams[l].streamType == 1 && streams[l].hasOwnProperty("displayTitle")) {
  19.                     const format = streams[l].displayTitle.match(".* \\((.*)\\)$");
  20.                     if (format != null) return format[1] + " " + media.container;
  21.                     else return media.container;
  22.                 }
  23.             }
  24.         }
  25.         return "Unknown";
  26.     }
  27.   
  28.     function intercept(url, responseText) {
  29.         if (url.indexOf("/library/metadata/") == -1 && url.indexOf("/status/sessions") == -1) return responseText;
  30.         let response = JSON.parse(responseText);
  31.         if (!response.hasOwnProperty("MediaContainer") ||
  32.             !response.MediaContainer.hasOwnProperty("Metadata")) return responseText;
  33.         const meta = response.MediaContainer.Metadata;
  34.         for (let i = 0; i < meta.length; i++) {
  35.             if (!meta[i].hasOwnProperty("Media")) continue;
  36.             let medias = meta[i].Media;
  37.             for (let j = 0; j < medias.length; j++) {
  38.                 if (!medias[j].hasOwnProperty("Part")) continue;
  39.                 if (!medias[j].hasOwnProperty("title")) medias[j].title = getMediaTitle(medias[j]);
  40.                 let parts = medias[j].Part;
  41.                 for (let k = 0; k < parts.length; k++) {
  42.                     if (!parts[k].hasOwnProperty("Stream")) continue;
  43.                     let streams = parts[k].Stream;
  44.                     for (let l = 0; l < streams.length; l++) {
  45.                         if (!streams[l].hasOwnProperty("displayTitle") || !streams[l].hasOwnProperty("title")) continue;
  46.                         streams[l].displayTitle = streams[l].displayTitle + " (" + streams[l].title + ")"; 
  47.                     }
  48.                 }
  49.             }
  50.         }
  51.         return JSON.stringify(response);
  52.     }
  53.  
  54.     // From https://stackoverflow.com/questions/26447335/
  55.     (function() {
  56.         // create XMLHttpRequest proxy object
  57.         var oldXMLHttpRequest = XMLHttpRequest;
  58.  
  59.         // define constructor for my proxy object
  60.         XMLHttpRequest = function() {
  61.             var actual = new oldXMLHttpRequest();
  62.             var self = this;
  63.  
  64.             this.onreadystatechange = null;
  65.  
  66.             // this is the actual handler on the real XMLHttpRequest object
  67.             actual.onreadystatechange = function() {
  68.                 if (this.readyState == 4 && (actual.responseType == '' || actual.responseType == 'text')) {
  69.                     try {
  70.                         self._responseText = intercept(actual.responseURL, actual.responseText);
  71.                     } catch (err) {
  72.                         console.error(err);
  73.                     }
  74.                 }
  75.                 if (self.onreadystatechange) {
  76.                     return self.onreadystatechange();
  77.                 }
  78.             };
  79.  
  80.             // add all proxy getters/setters
  81.             ["responseText"].forEach(function(item) {
  82.                 Object.defineProperty(self, item, {
  83.                     get: function() {
  84.                         if (self.hasOwnProperty("_" + item)) {
  85.                             return self["_" + item];
  86.                         } else {
  87.                             return actual[item];
  88.                         }
  89.                     },
  90.                     set: function(val) {actual[item] = val;}
  91.                 });
  92.             });
  93.  
  94.             // add all proxy getters/setters
  95.             ["status", "statusText", "responseType", "response", "readyState", "responseXML",
  96.             "upload", "ontimeout, timeout", "withCredentials", "onload", "onerror",
  97.             "onprogress", "responseURL"].forEach(function(item) {
  98.                 Object.defineProperty(self, item, {
  99.                     get: function() {return actual[item];},
  100.                     set: function(val) {actual[item] = val;}
  101.                 });
  102.             });
  103.  
  104.             // add all pure proxy pass-through methods
  105.             ["addEventListener", "send", "open", "abort", "getAllResponseHeaders",
  106.              "getResponseHeader", "overrideMimeType", "setRequestHeader"].forEach(function(item) {
  107.                 Object.defineProperty(self, item, {
  108.                     value: function() {return actual[item].apply(actual, arguments);}
  109.                 });
  110.             });
  111.         }
  112.     })();
  113. }
  114.  
  115. // From https://stackoverflow.com/questions/2303147/
  116. var script = document.createElement('script');
  117. script.appendChild(document.createTextNode('('+ main +')();'));
  118. (document.body || document.head || document.documentElement).appendChild(script);