☰

Greasy Fork is available in English.

Netflix - subtitle downloader

Allows you to download subtitles from Netflix

La data de 10-11-2024. Vezi ultima versiune.

  1. // ==UserScript==
  2. // @name        Netflix - subtitle downloader
  3. // @description Allows you to download subtitles from Netflix
  4. // @license     MIT
  5. // @version     4.2.6
  6. // @namespace   tithen-firion.github.io
  7. // @include     https://www.netflix.com/*
  8. // @grant       unsafeWindow
  9. // @require     https://cdn.jsdelivr.net/npm/jszip@3.7.1/dist/jszip.min.js
  10. // @require     https://cdn.jsdelivr.net/npm/file-saver-es@2.0.5/dist/FileSaver.min.js
  11. // ==/UserScript==
  12.  
  13. class ProgressBar {
  14.   constructor(max) {
  15.     this.current = 0;
  16.     this.max = max;
  17.  
  18.     let container = document.querySelector('#userscript_progress_bars');
  19.     if(container === null) {
  20.       container = document.createElement('div');
  21.       container.id = 'userscript_progress_bars'
  22.       document.body.appendChild(container)
  23.       container.style
  24.       container.style.position = 'fixed';
  25.       container.style.top = 0;
  26.       container.style.left = 0;
  27.       container.style.width = '100%';
  28.       container.style.background = 'red';
  29.       container.style.zIndex = '99999999';
  30.     }
  31.  
  32.     this.progressElement = document.createElement('div');
  33.     this.progressElement.innerHTML = 'Click to stop';
  34.     this.progressElement.style.cursor = 'pointer';
  35.     this.progressElement.style.fontSize = '16px';
  36.     this.progressElement.style.textAlign = 'center';
  37.     this.progressElement.style.width = '100%';
  38.     this.progressElement.style.height = '20px';
  39.     this.progressElement.style.background = 'transparent';
  40.     this.stop = new Promise(resolve => {
  41.       this.progressElement.addEventListener('click', () => {resolve(STOP_THE_DOWNLOAD)});
  42.     });
  43.  
  44.     container.appendChild(this.progressElement);
  45.   }
  46.  
  47.   increment() {
  48.     this.current += 1;
  49.     if(this.current <= this.max) {
  50.       let p = this.current / this.max * 100;
  51.       this.progressElement.style.background = `linear-gradient(to right, green ${p}%, transparent ${p}%)`;
  52.     }
  53.   }
  54.  
  55.   destroy() {
  56.     this.progressElement.remove();
  57.   }
  58. }
  59.  
  60. const STOP_THE_DOWNLOAD = 'NETFLIX_SUBTITLE_DOWNLOADER_STOP_THE_DOWNLOAD';
  61.  
  62. const WEBVTT = 'webvtt-lssdh-ios8';
  63. const DFXP = 'dfxp-ls-sdh';
  64. const SIMPLE = 'simplesdh';
  65. const ALL_FORMATS = [WEBVTT, DFXP, SIMPLE];
  66.  
  67. const FORMAT_NAMES = {};
  68. FORMAT_NAMES[WEBVTT] = 'WebVTT';
  69. FORMAT_NAMES[DFXP] = 'DFXP/XML';
  70.  
  71. const EXTENSIONS = {};
  72. EXTENSIONS[WEBVTT] = 'vtt';
  73. EXTENSIONS[DFXP] = 'dfxp';
  74. EXTENSIONS[SIMPLE] = 'xml';
  75.  
  76. const DOWNLOAD_MENU = `
  77. <ol>
  78. <li class="header">Netflix subtitle downloader</li>
  79. <li class="download">Download subs for this <span class="series">episode</span><span class="not-series">movie</span></li>
  80. <li class="download-to-end series">Download subs from this ep till last available</li>
  81. <li class="download-season series">Download subs for this season</li>
  82. <li class="download-all series">Download subs for all seasons</li>
  83. <li class="ep-title-in-filename">Add episode title to filename: <span></span></li>
  84. <li class="force-all-lang">Force Netflix to show all languages: <span></span></li>
  85. <li class="pref-locale">Preferred locale: <span></span></li>
  86. <li class="lang-setting">Languages to download: <span></span></li>
  87. <li class="sub-format">Subtitle format: prefer <span></span></li>
  88. <li class="batch-delay">Batch delay: <span></span></li>
  89. </ol>
  90. `;
  91.  
  92. const SCRIPT_CSS = `
  93. #subtitle-downloader-menu {
  94.   position: absolute;
  95.   display: none;
  96.   width: 300px;
  97.   top: 0;
  98.   left: calc( 50% - 150px );
  99. }
  100. #subtitle-downloader-menu ol {
  101.   list-style: none;
  102.   position: relative;
  103.   width: 300px;
  104.   background: #333;
  105.   color: #fff;
  106.   padding: 0;
  107.   margin: auto;
  108.   font-size: 12px;
  109.   z-index: 99999998;
  110. }
  111. body:hover #subtitle-downloader-menu { display: block; }
  112. #subtitle-downloader-menu li { padding: 10px; }
  113. #subtitle-downloader-menu li.header { font-weight: bold; }
  114. #subtitle-downloader-menu li:not(.header):hover { background: #666; }
  115. #subtitle-downloader-menu li:not(.header) {
  116.   display: none;
  117.   cursor: pointer;
  118. }
  119. #subtitle-downloader-menu:hover li { display: block; }
  120.  
  121. #subtitle-downloader-menu:not(.series) .series{ display: none; }
  122. #subtitle-downloader-menu.series .not-series{ display: none; }
  123. `;
  124.  
  125. const SUB_TYPES = {
  126.   'subtitles': '',
  127.   'closedcaptions': '[cc]'
  128. };
  129.  
  130. let idOverrides = {};
  131. let subCache = {};
  132. let titleCache = {};
  133.  
  134. let batch = null;
  135. try {
  136.   batch = JSON.parse(sessionStorage.getItem('NSD_batch'));
  137. }
  138. catch(ignore) {}
  139.  
  140. let batchAll = null;
  141. let batchSeason = null;
  142. let batchToEnd = null;
  143.  
  144. let epTitleInFilename = localStorage.getItem('NSD_ep-title-in-filename') === 'true';
  145. let forceSubs = localStorage.getItem('NSD_force-all-lang') !== 'false';
  146. let prefLocale = localStorage.getItem('NSD_pref-locale') || '';
  147. let langs = localStorage.getItem('NSD_lang-setting') || '';
  148. let subFormat = localStorage.getItem('NSD_sub-format') || WEBVTT;
  149. let batchDelay = parseFloat(localStorage.getItem('NSD_batch-delay') || '0');
  150.  
  151. const setEpTitleInFilename = () => {
  152.   document.querySelector('#subtitle-downloader-menu .ep-title-in-filename > span').innerHTML = (epTitleInFilename ? 'on' : 'off');
  153. };
  154. const setForceText = () => {
  155.   document.querySelector('#subtitle-downloader-menu .force-all-lang > span').innerHTML = (forceSubs ? 'on' : 'off');
  156. };
  157. const setLocaleText = () => {
  158.   document.querySelector('#subtitle-downloader-menu .pref-locale > span').innerHTML = (prefLocale === '' ? 'disabled' : prefLocale);
  159. };
  160. const setLangsText = () => {
  161.   document.querySelector('#subtitle-downloader-menu .lang-setting > span').innerHTML = (langs === '' ? 'all' : langs);
  162. };
  163. const setFormatText = () => {
  164.   document.querySelector('#subtitle-downloader-menu .sub-format > span').innerHTML = FORMAT_NAMES[subFormat];
  165. };
  166. const setBatchDelayText = () => {
  167.   document.querySelector('#subtitle-downloader-menu .batch-delay > span').innerHTML = batchDelay;
  168. };
  169.  
  170. const setBatch = b => {
  171.   if(b === null)
  172.     sessionStorage.removeItem('NSD_batch');
  173.   else
  174.     sessionStorage.setItem('NSD_batch', JSON.stringify(b));
  175. };
  176.  
  177. const toggleEpTitleInFilename = () => {
  178.   epTitleInFilename = !epTitleInFilename;
  179.   if(epTitleInFilename)
  180.     localStorage.setItem('NSD_ep-title-in-filename', epTitleInFilename);
  181.   else
  182.     localStorage.removeItem('NSD_ep-title-in-filename');
  183.   setEpTitleInFilename();
  184. };
  185. const toggleForceLang = () => {
  186.   forceSubs = !forceSubs;
  187.   if(forceSubs)
  188.     localStorage.removeItem('NSD_force-all-lang');
  189.   else
  190.     localStorage.setItem('NSD_force-all-lang', forceSubs);
  191.   document.location.reload();
  192. };
  193. const setPreferredLocale = () => {
  194.   const result = prompt('Netflix limited "force all subtitles" usage. Now you have to set a preferred locale to show subtitles for that language.\nPossible values (you can enter only one at a time!):\nar, cs, da, de, el, en, es, es-ES, fi, fr, he, hi, hr, hu, id, it, ja, ko, ms, nb, nl, pl, pt, pt-BR, ro, ru, sv, ta, te, th, tr, uk, vi, zh', prefLocale);
  195.   if(result !== null) {
  196.     prefLocale = result;
  197.     if(prefLocale === '')
  198.       localStorage.removeItem('NSD_pref-locale');
  199.     else
  200.       localStorage.setItem('NSD_pref-locale', prefLocale);
  201.     document.location.reload();
  202.   }
  203. };
  204. const setLangToDownload = () => {
  205.   const result = prompt('Languages to download, comma separated. Leave empty to download all subtitles.\nExample: en,de,fr', langs);
  206.   if(result !== null) {
  207.     langs = result;
  208.     if(langs === '')
  209.       localStorage.removeItem('NSD_lang-setting');
  210.     else
  211.       localStorage.setItem('NSD_lang-setting', langs);
  212.     setLangsText();
  213.   }
  214. };
  215. const setSubFormat = () => {
  216.   if(subFormat === WEBVTT) {
  217.     localStorage.setItem('NSD_sub-format', DFXP);
  218.     subFormat = DFXP;
  219.   }
  220.   else {
  221.     localStorage.removeItem('NSD_sub-format');
  222.     subFormat = WEBVTT;
  223.   }
  224.   setFormatText();
  225. };
  226. const setBatchDelay = () => {
  227.   let result = prompt('Delay (in seconds) between switching pages when downloading subs in batch:', batchDelay);
  228.   if(result !== null) {
  229.     result = parseFloat(result.replace(',', '.'));
  230.     if(result < 0 || !Number.isFinite(result))
  231.       result = 0;
  232.     batchDelay = result;
  233.     if(batchDelay == 0)
  234.       localStorage.removeItem('NSD_batch-delay');
  235.     else
  236.       localStorage.setItem('NSD_batch-delay', batchDelay);
  237.     setBatchDelayText();
  238.   }
  239. };
  240.  
  241. const asyncSleep = (seconds, value) => new Promise(resolve => {
  242.   window.setTimeout(resolve, seconds * 1000, value);
  243. });
  244.  
  245. const popRandomElement = arr => {
  246.   return arr.splice(arr.length * Math.random() << 0, 1)[0];
  247. };
  248.  
  249. const processSubInfo = async result => {
  250.   const tracks = result.timedtexttracks;
  251.   const subs = {};
  252.   let reportError = true;
  253.   for(const track of tracks) {
  254.     if(track.isNoneTrack)
  255.       continue;
  256.  
  257.     let type = SUB_TYPES[track.rawTrackType];
  258.     if(typeof type === 'undefined')
  259.       type = `[${track.rawTrackType}]`;
  260.     const variant = (typeof track.trackVariant === 'undefined' ? '' : `-${track.trackVariant}`);
  261.     const lang = track.language + type + variant + (track.isForcedNarrative ? '-forced' : '');
  262.  
  263.     const formats = {};
  264.     for(let format of ALL_FORMATS) {
  265.       const downloadables = track.ttDownloadables[format];
  266.       if(typeof downloadables !== 'undefined') {
  267.         let urls;
  268.         if(typeof downloadables.downloadUrls !== 'undefined')
  269.           urls = Object.values(downloadables.downloadUrls);
  270.         else if(typeof downloadables.urls !== 'undefined')
  271.           urls = downloadables.urls.map(({url}) => url);
  272.         else {
  273.           console.log('processSubInfo:', lang, Object.keys(downloadables));
  274.           if(reportError) {
  275.             reportError = false;
  276.             alert("Can't find subtitle URL, check the console for more information!");
  277.           }
  278.           continue;
  279.         }
  280.         formats[format] = [urls, EXTENSIONS[format]];
  281.       }
  282.     }
  283.  
  284.     if(Object.keys(formats).length > 0) {
  285.       for(let i = 0; ; ++i) {
  286.         const langKey = lang + (i == 0 ? "" : `-${i}`);
  287.         if(typeof subs[langKey] === "undefined") {
  288.           subs[langKey] = formats;
  289.           break;
  290.         }
  291.       }
  292.     }
  293.   }
  294.   subCache[result.movieId] = subs;
  295. };
  296.  
  297. const checkSubsCache = async menu => {
  298.   while(getSubsFromCache(true) === null) {
  299.     await asyncSleep(0.1);
  300.   }
  301.  
  302.   // show menu if on watch page
  303.   menu.style.display = (document.location.pathname.split('/')[1] === 'watch' ? '' : 'none');
  304.  
  305.   if(batch !== null && batch.length > 0) {
  306.     downloadBatch(true);
  307.   }
  308. };
  309.  
  310. const processMetadata = data => {
  311.   // add menu when it's not there
  312.   let menu = document.querySelector('#subtitle-downloader-menu');
  313.   if(menu === null) {
  314.     menu = document.createElement('div');
  315.     menu.id = 'subtitle-downloader-menu';
  316.     menu.innerHTML = DOWNLOAD_MENU;
  317.     document.body.appendChild(menu);
  318.     menu.querySelector('.download').addEventListener('click', downloadThis);
  319.     menu.querySelector('.download-to-end').addEventListener('click', downloadToEnd);
  320.     menu.querySelector('.download-season').addEventListener('click', downloadSeason);
  321.     menu.querySelector('.download-all').addEventListener('click', downloadAll);
  322.     menu.querySelector('.ep-title-in-filename').addEventListener('click', toggleEpTitleInFilename);
  323.     menu.querySelector('.force-all-lang').addEventListener('click', toggleForceLang);
  324.     menu.querySelector('.pref-locale').addEventListener('click', setPreferredLocale);
  325.     menu.querySelector('.lang-setting').addEventListener('click', setLangToDownload);
  326.     menu.querySelector('.sub-format').addEventListener('click', setSubFormat);
  327.     menu.querySelector('.batch-delay').addEventListener('click', setBatchDelay);
  328.     setEpTitleInFilename();
  329.     setForceText();
  330.     setLocaleText();
  331.     setLangsText();
  332.     setFormatText();
  333.   }
  334.   // hide menu, at this point sub info is still missing
  335.   menu.style.display = 'none';
  336.   menu.classList.remove('series');
  337.  
  338.   const result = data.video;
  339.   const {type, title} = result;
  340.   if(type === 'show') {
  341.     batchAll = [];
  342.     batchSeason = [];
  343.     batchToEnd = [];
  344.     const allEpisodes = [];
  345.     let currentSeason = 0;
  346.     menu.classList.add('series');
  347.     for(const season of result.seasons) {
  348.       for(const episode of season.episodes) {
  349.         if(episode.id === result.currentEpisode)
  350.           currentSeason = season.seq;
  351.         allEpisodes.push([season.seq, episode.seq, episode.id]);
  352.         titleCache[episode.id] = {
  353.           type, title,
  354.           season: season.seq,
  355.           episode: episode.seq,
  356.           subtitle: episode.title,
  357.           hiddenNumber: episode.hiddenEpisodeNumbers
  358.         };
  359.       }
  360.     }
  361.  
  362.     allEpisodes.sort((a, b) => a[0] - b[0] || a[1] - b[1]);
  363.     let toEnd = false;
  364.     for(const [season, episode, id] of allEpisodes) {
  365.       batchAll.push(id);
  366.       if(season === currentSeason)
  367.         batchSeason.push(id);
  368.       if(id === result.currentEpisode)
  369.         toEnd = true;
  370.       if(toEnd)
  371.         batchToEnd.push(id);
  372.     }
  373.   }
  374.   else if(type === 'movie' || type === 'supplemental') {
  375.     titleCache[result.id] = {type, title};
  376.   }
  377.   else {
  378.   	console.debug('[Netflix Subtitle Downloader] unknown video type:', type, result)
  379.     return;
  380.   }
  381.   checkSubsCache(menu);
  382. };
  383.  
  384. const getVideoId = () => window.location.pathname.split('/').pop();
  385.  
  386. const getXFromCache = (cache, name, silent) => {
  387.   const id = getVideoId();
  388.   if(cache.hasOwnProperty(id))
  389.     return cache[id];
  390.  
  391.   let newID = undefined;
  392.   try {
  393.     newID = unsafeWindow.netflix.falcorCache.videos[id].current.value[1];
  394.   }
  395.   catch(ignore) {}
  396.   if(typeof newID !== 'undefined' && cache.hasOwnProperty(newID))
  397.     return cache[newID];
  398.  
  399.   newID = idOverrides[id];
  400.   if(typeof newID !== 'undefined' && cache.hasOwnProperty(newID))
  401.     return cache[newID];
  402.  
  403.   if(silent === true)
  404.     return null;
  405.  
  406.   alert("Couldn't find the " + name + ". Wait until the player is loaded. If that doesn't help refresh the page.");
  407.   throw '';
  408. };
  409.  
  410. const getSubsFromCache = silent => getXFromCache(subCache, 'subs', silent);
  411.  
  412. const pad = (number, letter) => `${letter}${number.toString().padStart(2, '0')}`;
  413.  
  414. const safeTitle = title => title.trim().replace(/[:*?"<>|\\\/]+/g, '_').replace(/ /g, '.');
  415.  
  416. const getTitleFromCache = () => {
  417.   const title = getXFromCache(titleCache, 'title');
  418.   const titleParts = [title.title];
  419.   if(title.type === 'show') {
  420.     const season = pad(title.season, 'S');
  421.     if(title.hiddenNumber) {
  422.       titleParts.push(season);
  423.       titleParts.push(title.subtitle);
  424.     }
  425.     else {
  426.       titleParts.push(season + pad(title.episode, 'E'));
  427.       if(epTitleInFilename)
  428.         titleParts.push(title.subtitle);
  429.     }
  430.   }
  431.   return [safeTitle(titleParts.join('.')), safeTitle(title.title)];
  432. };
  433.  
  434. const pickFormat = formats => {
  435.   const preferred = ALL_FORMATS.slice();
  436.   if(subFormat === DFXP)
  437.     preferred.push(preferred.shift());
  438.  
  439.   for(let format of preferred) {
  440.     if(typeof formats[format] !== 'undefined')
  441.       return formats[format];
  442.   }
  443. };
  444.  
  445.  
  446. const _save = async (_zip, title) => {
  447.   const content = await _zip.generateAsync({type:'blob'});
  448.   saveAs(content, title + '.zip');
  449. };
  450.  
  451. const _download = async _zip => {
  452.   const subs = getSubsFromCache();
  453.   const [title, seriesTitle] = getTitleFromCache();
  454.   const downloaded = [];
  455.  
  456.   let filteredLangs;
  457.   if(langs === '')
  458.     filteredLangs = Object.keys(subs);
  459.   else {
  460.     const regularExpression = new RegExp(
  461.       '^(' + langs
  462.         .replace(/\[/g, '\\[')
  463.         .replace(/\]/g, '\\]')
  464.         .replace(/\-/g, '\\-')
  465.         .replace(/\s/g, '')
  466.         .replace(/,/g, '|')
  467.       + ')'
  468.     );
  469.     filteredLangs = [];
  470.     for(const lang of Object.keys(subs)) {
  471.       if(lang.match(regularExpression))
  472.         filteredLangs.push(lang);
  473.     }
  474.   }
  475.  
  476.   const progress = new ProgressBar(filteredLangs.length);
  477.   let stop = false;
  478.   for(const lang of filteredLangs) {
  479.     const [urls, extension] = pickFormat(subs[lang]);
  480.     while(urls.length > 0) {
  481.       let url = popRandomElement(urls);
  482.       const resultPromise = fetch(url, {mode: "cors"});
  483.       let result;
  484.       try {
  485.         // Promise.any isn't supported in all browsers, use Promise.race instead
  486.         result = await Promise.race([resultPromise, progress.stop, asyncSleep(30, STOP_THE_DOWNLOAD)]);
  487.       }
  488.       catch(e) {
  489.         // the only promise that can be rejected is the one from fetch
  490.         // if that happens we want to stop the download anyway
  491.         result = STOP_THE_DOWNLOAD;
  492.       }
  493.       if(result === STOP_THE_DOWNLOAD) {
  494.         stop = true;
  495.         break;
  496.       }
  497.       progress.increment();
  498.       const data = await result.text();
  499.       if(data.length > 0) {
  500.         downloaded.push({lang, data, extension});
  501.         break;
  502.       }
  503.     }
  504.     if(stop)
  505.       break;
  506.   }
  507.  
  508.   downloaded.forEach(x => {
  509.     const {lang, data, extension} = x;
  510.     _zip.file(`${title}.WEBRip.Netflix.${lang}.${extension}`, data);
  511.   });
  512.  
  513.   if(await Promise.race([progress.stop, {}]) === STOP_THE_DOWNLOAD)
  514.     stop = true;
  515.   progress.destroy();
  516.  
  517.   return [seriesTitle, stop];
  518. };
  519.  
  520. const downloadThis = async () => {
  521.   const _zip = new JSZip();
  522.   const [title, stop] = await _download(_zip);
  523.   _save(_zip, title);
  524. };
  525.  
  526. const cleanBatch = async () => {
  527.   setBatch(null);
  528.   return;
  529.   const cache = await caches.open('NSD');
  530.   cache.delete('/subs.zip');
  531.   await caches.delete('NSD');
  532. }
  533.  
  534. const readAsBinaryString = blob => new Promise(resolve => {
  535.   const reader = new FileReader();
  536.   reader.onload = function(event) {
  537.     resolve(event.target.result);
  538.   };
  539.   reader.readAsBinaryString(blob);
  540. });
  541.  
  542. const downloadBatch = async auto => {
  543.   const cache = await caches.open('NSD');
  544.   let zip, title, stop;
  545.   if(auto === true) {
  546.     try {
  547.       const response = await cache.match('/subs.zip');
  548.       const blob = await response.blob();
  549.       zip = await JSZip.loadAsync(await readAsBinaryString(blob));
  550.     }
  551.     catch(error) {
  552.       console.error(error);
  553.       alert('An error occured when loading the zip file with subs from the cache. More info in the browser console.');
  554.       await cleanBatch();
  555.       return;
  556.     }
  557.   }
  558.   else
  559.     zip = new JSZip();
  560.  
  561.   try {
  562.     [title, stop] = await _download(zip);
  563.   }
  564.   catch(error) {
  565.     title = 'unknown';
  566. 		stop = true;
  567.   }
  568.  
  569.   const id = parseInt(getVideoId());
  570.   batch = batch.filter(x => x !== id);
  571.  
  572.   if(stop || batch.length == 0) {
  573.     await _save(zip, title);
  574.     await cleanBatch();
  575.   }
  576.   else {
  577.     setBatch(batch);
  578.     cache.put('/subs.zip', new Response(await zip.generateAsync({type:'blob'})));
  579.     await asyncSleep(batchDelay);
  580.     window.location = window.location.origin + '/watch/' + batch[0];
  581.   }
  582. };
  583.  
  584. const downloadAll = () => {
  585.   batch = batchAll;
  586.   downloadBatch();
  587. };
  588.  
  589. const downloadSeason = () => {
  590.   batch = batchSeason;
  591.   downloadBatch();
  592. };
  593.  
  594. const downloadToEnd = () => {
  595.   batch = batchToEnd;
  596.   downloadBatch();
  597. };
  598.  
  599. const processMessage = e => {
  600.   const {type, data} = e.detail;
  601.   if(type === 'subs')
  602.     processSubInfo(data);
  603.   else if(type === 'id_override')
  604.     idOverrides[data[0]] = data[1];
  605.   else if(type === 'metadata')
  606.     processMetadata(data);
  607. }
  608.  
  609. const injection = () => {
  610.   const WEBVTT = 'webvtt-lssdh-ios8';
  611.   const MANIFEST_PATTERN = new RegExp('manifest|licensedManifest');
  612.   const forceSubs = localStorage.getItem('NSD_force-all-lang') !== 'false';
  613.   const prefLocale = localStorage.getItem('NSD_pref-locale') || '';
  614.  
  615.   // hide the menu when we go back to the browse list
  616.   window.addEventListener('popstate', () => {
  617.     const display = (document.location.pathname.split('/')[1] === 'watch' ? '' : 'none');
  618.     const menu = document.querySelector('#subtitle-downloader-menu');
  619.     menu.style.display = display;
  620.   });
  621.  
  622.   // hijack JSON.parse and JSON.stringify functions
  623.   ((parse, stringify, open) => {
  624.     JSON.parse = function (text) {
  625.       const data = parse(text);
  626.  
  627.       if (data && data.result && data.result.timedtexttracks && data.result.movieId) {
  628.         window.dispatchEvent(new CustomEvent('netflix_sub_downloader_data', {detail: {type: 'subs', data: data.result}}));
  629.       }
  630.       return data;
  631.     };
  632.  
  633.     JSON.stringify = function (data) {
  634.       /*{
  635.         let text = stringify(data);
  636.         if (text.includes('dfxp-ls-sdh'))
  637.           console.log(text, data);
  638.       }*/
  639.  
  640.       if (data && typeof data.url === 'string' && data.url.search(MANIFEST_PATTERN) > -1) {
  641.         for (let v of Object.values(data)) {
  642.           try {
  643.             if (v.profiles)
  644.               v.profiles.unshift(WEBVTT);
  645.             if (v.showAllSubDubTracks != null && forceSubs)
  646.               v.showAllSubDubTracks = true;
  647.             if (prefLocale !== '')
  648.               v.preferredTextLocale = prefLocale;
  649.           }
  650.           catch (e) {
  651.             if (e instanceof TypeError)
  652.               continue;
  653.             else
  654.               throw e;
  655.           }
  656.         }
  657.       }
  658.       if(data && typeof data.movieId === 'number') {
  659.         try {
  660.           let videoId = data.params.sessionParams.uiplaycontext.video_id;
  661.           if(typeof videoId === 'number' && videoId !== data.movieId)
  662.             window.dispatchEvent(new CustomEvent('netflix_sub_downloader_data', {detail: {type: 'id_override', data: [videoId, data.movieId]}}));
  663.         }
  664.         catch(ignore) {}
  665.       }
  666.       return stringify(data);
  667.     };
  668.  
  669.     XMLHttpRequest.prototype.open = function() {
  670.       if(arguments[1] && arguments[1].includes('/metadata?'))
  671.         this.addEventListener('load', async () => {
  672.           let data = this.response;
  673.           if(data instanceof Blob)
  674.             data = JSON.parse(await data.text());
  675.           else if(typeof data === "string")
  676.             data = JSON.parse(data);
  677.           window.dispatchEvent(new CustomEvent('netflix_sub_downloader_data', {detail: {type: 'metadata', data: data}}));
  678.         }, false);
  679.       open.apply(this, arguments);
  680.     };
  681.   })(JSON.parse, JSON.stringify, XMLHttpRequest.prototype.open);
  682. }
  683.  
  684. window.addEventListener('netflix_sub_downloader_data', processMessage, false);
  685.  
  686. // inject script
  687. const sc = document.createElement('script');
  688. sc.innerHTML = '(' + injection.toString() + ')()';
  689. document.head.appendChild(sc);
  690. document.head.removeChild(sc);
  691.  
  692. // add CSS style
  693. const s = document.createElement('style');
  694. s.innerHTML = SCRIPT_CSS;
  695. document.head.appendChild(s);
  696.  
  697. const observer = new MutationObserver(function(mutations) {
  698.   mutations.forEach(function(mutation) {
  699.     mutation.addedNodes.forEach(function(node) {
  700.       // add scrollbar - Netflix doesn't expect you to have this manu languages to choose from...
  701.       try {
  702.         (node.parentNode || node).querySelector('.watch-video--selector-audio-subtitle').parentNode.style.overflowY = 'scroll';
  703.       }
  704.       catch(ignore) {}
  705.     });
  706.   });
  707. });
  708. observer.observe(document.body, { childList: true, subtree: true });