2 | 
3 |
104 | 
105 |
158 |
159 |
160 |
161 |
--------------------------------------------------------------------------------
/chrome/popup/install.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
105 | 106 | Twitch Adblocker Off / On 107 | 111 |
112 |113 | "Blocking Ads" message Off / On 114 | 118 |
119 | 131 |132 | Proxy 133 | 139 |
140 |141 | Proxy quality 142 | 150 |
151 |Whenever you change a setting, you have to reload the Twitch tab(s).
152 |Ads blocked for a total of .
153 |
154 | 
155 | 
156 |
103 |
104 |
158 |
159 |
160 |
161 |
--------------------------------------------------------------------------------
/chrome/popup/logo.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/muleyo/VideoAdBlockForTwitch/145921a822e830da62d39e36e8aafb8ef22c7be6/chrome/popup/logo.png
--------------------------------------------------------------------------------
/chrome/popup/popupjs.js:
--------------------------------------------------------------------------------
1 | 'use strict';
2 |
3 | const isChromium = typeof window.chrome !== 'undefined';
4 | const isFirefox = typeof window.browser !== 'undefined';
5 | const browser = isFirefox ? window.browser : window.chrome;
6 |
7 | var onOff = document.querySelector('input[name=checkbox_ad]');
8 | var blockingMessage = document.querySelector('input[name=checkbox_ad_msg]');
9 | var forcedQuality = document.querySelector('select[name=dropdown_forced_quality]');
10 | var proxy = document.querySelector('select[name=dropdown_proxy]');
11 | var proxyQuality = document.querySelector('select[name=dropdown_proxy_quality]');
12 | var adTime = document.querySelector('#ad_time');
13 |
14 | var allSettingsElements = [onOff,blockingMessage,forcedQuality,proxy,proxyQuality];
15 |
16 | for (var i = 0; i < allSettingsElements.length; i++) {
17 | if (allSettingsElements[i]) {
18 | allSettingsElements[i].addEventListener('change', function() {
19 | saveOptions();
20 | });
21 | }
22 | }
23 |
24 | function saveOptions() {
25 | chrome.storage.local.set({onOffTTV: onOff.checked ? 'true' : 'false'});
26 | chrome.storage.local.set({blockingMessageTTV: blockingMessage.checked ? 'true' : 'false'});
27 | //chrome.storage.local.set({forcedQualityTTV: forcedQuality.options[forcedQuality.selectedIndex].text});
28 | chrome.storage.local.set({proxyTTV: proxy.options[proxy.selectedIndex].text});
29 | chrome.storage.local.set({proxyQualityTTV: proxyQuality.options[proxyQuality.selectedIndex].text});
30 | }
31 |
32 | function restoreOptions() {
33 | restoreToggle('onOffTTV', onOff);
34 | restoreToggle('blockingMessageTTV', blockingMessage);
35 | //restoreDropdown('forcedQualityTTV', forcedQuality);
36 | restoreDropdown('proxyTTV', proxy);
37 | restoreDropdown('proxyQualityTTV', proxyQuality);
38 | restoreAdtime('adTimeTTV', adTime);
39 | }
40 |
41 | function restoreToggle(name, toggle) {
42 | chrome.storage.local.get([name], function(result) {
43 | if (result[name]) {
44 | toggle.checked = result[name] == 'true';
45 | }
46 | });
47 | }
48 |
49 | function restoreDropdown(name, dropdown) {
50 | chrome.storage.local.get([name], function(result) {
51 | if (result[name]) {
52 | var items = Array.from(dropdown.options).filter(item => item.text == result[name]);
53 | if (items.length == 1) {
54 | dropdown.selectedIndex = items[0].index;
55 | }
56 | }
57 | });
58 | }
59 |
60 | function restoreAdtime(name, container) {
61 | chrome.storage.local.get([name], function(result) {
62 | if (result[name]) {
63 | // only display hours / minutes if needed
64 | const hours = Math.trunc(result[name] / 3600);
65 | const minutes = Math.trunc((result[name] - hours * 3600) / 60);
66 | container.innerText = `${hours>0 ? hours+"h " : ""}${minutes>0 ? minutes+"min " : ""}${result[name] % 60}s`;
67 | }
68 | });
69 | }
70 |
71 | document.addEventListener('DOMContentLoaded', restoreOptions);
--------------------------------------------------------------------------------
/chrome/remove_video_ads.js:
--------------------------------------------------------------------------------
1 | //This stops Twitch from pausing the player when in another tab and an ad shows.
2 | try {
3 | Object.defineProperty(document, 'visibilityState', {
4 | get() {
5 | return 'visible';
6 | }
7 | });
8 | Object.defineProperty(document, 'hidden', {
9 | get() {
10 | return false;
11 | }
12 | });
13 | const block = e => {
14 | e.preventDefault();
15 | e.stopPropagation();
16 | e.stopImmediatePropagation();
17 | };
18 | const process = e => {
19 | e.preventDefault();
20 | e.stopPropagation();
21 | e.stopImmediatePropagation();
22 | //This corrects the background tab buffer bug when switching to the background tab for the first time after an extended period.
23 | doTwitchPlayerTask(false, false, true, false, false);
24 | };
25 | document.addEventListener('visibilitychange', process, true);
26 | document.addEventListener('webkitvisibilitychange', block, true);
27 | document.addEventListener('mozvisibilitychange', block, true);
28 | document.addEventListener('hasFocus', block, true);
29 | if (/Firefox/.test(navigator.userAgent)) {
30 | Object.defineProperty(document, 'mozHidden', {
31 | get() {
32 | return false;
33 | }
34 | });
35 | } else {
36 | Object.defineProperty(document, 'webkitHidden', {
37 | get() {
38 | return false;
39 | }
40 | });
41 | }
42 | } catch (err) {}
43 |
44 | //Send settings updates to worker.
45 | window.addEventListener('message', (event) => {
46 | if (event.source != window) {
47 | return;
48 | }
49 | if (event.data.type && event.data.type == 'SetTwitchAdblockSettings' && event.data.settings) {
50 | TwitchAdblockSettings = event.data.settings;
51 | }
52 | }, false);
53 |
54 | function declareOptions(scope) {
55 | scope.AdSignifier = 'stitched';
56 | scope.ClientID = 'kimne78kx3ncx6brgo4mv6wki5h1ko';
57 | scope.ClientVersion = 'null';
58 | scope.ClientSession = 'null';
59 | //scope.PlayerType1 = 'site'; //Source - NOTE: This is unused as it's implicitly used by the website iself
60 | scope.PlayerType2 = 'embed'; //Source
61 | scope.PlayerType3 = 'proxy'; //Source
62 | scope.PlayerType4 = 'thunderdome'; //480p
63 | scope.CurrentChannelName = null;
64 | scope.UsherParams = null;
65 | scope.WasShowingAd = false;
66 | scope.GQLDeviceID = null;
67 | scope.IsSquadStream = false;
68 | scope.StreamInfos = [];
69 | scope.StreamInfosByUrl = [];
70 | scope.MainUrlByUrl = [];
71 | scope.EncodingCacheTimeout = 60000;
72 | scope.DefaultProxyType = null;
73 | scope.DefaultForcedQuality = null;
74 | scope.DefaultProxyQuality = null;
75 | }
76 |
77 | declareOptions(window);
78 |
79 | var TwitchAdblockSettings = {
80 | BannerVisible: true,
81 | ForcedQuality: null,
82 | ProxyType: null,
83 | ProxyQuality: null,
84 | AdTime: 0
85 | };
86 |
87 | var twitchMainWorker = null;
88 | var adBlockDiv = null;
89 | var OriginalVideoPlayerQuality = null;
90 | var IsPlayerAutoQuality = null;
91 | const oldWorker = window.Worker;
92 |
93 | window.Worker = class Worker extends oldWorker {
94 | constructor(twitchBlobUrl) {
95 | if (twitchMainWorker) {
96 | super(twitchBlobUrl);
97 | return;
98 | }
99 | var jsURL = getWasmWorkerUrl(twitchBlobUrl);
100 | if (typeof jsURL !== 'string') {
101 | super(twitchBlobUrl);
102 | return;
103 | }
104 | var newBlobStr = `
105 | ${getStreamUrlForResolution.toString()}
106 | ${getStreamForResolution.toString()}
107 | ${stripUnusedParams.toString()}
108 | ${processM3U8.toString()}
109 | ${hookWorkerFetch.toString()}
110 | ${declareOptions.toString()}
111 | ${getAccessToken.toString()}
112 | ${gqlRequest.toString()}
113 | ${adRecordgqlPacket.toString()}
114 | ${tryNotifyTwitch.toString()}
115 | ${parseAttributes.toString()}
116 | declareOptions(self);
117 | self.TwitchAdblockSettings = ${JSON.stringify(TwitchAdblockSettings)};
118 | self.addEventListener('message', function(e) {
119 | if (e.data.key == 'UpdateIsSquadStream') {
120 | IsSquadStream = e.data.value;
121 | } else if (e.data.key == 'UpdateClientVersion') {
122 | ClientVersion = e.data.value;
123 | } else if (e.data.key == 'UpdateClientSession') {
124 | ClientSession = e.data.value;
125 | } else if (e.data.key == 'UpdateClientId') {
126 | ClientID = e.data.value;
127 | } else if (e.data.key == 'UpdateDeviceId') {
128 | GQLDeviceID = e.data.value;
129 | }
130 | });
131 | hookWorkerFetch();
132 | importScripts('${jsURL}');
133 | `;
134 | super(URL.createObjectURL(new Blob([newBlobStr])));
135 | twitchMainWorker = this;
136 | this.onmessage = function(e) {
137 | if (e.data.key == 'ShowAdBlockBanner') {
138 | if (!TwitchAdblockSettings.BannerVisible) {
139 | return;
140 | }
141 | if (adBlockDiv == null) {
142 | adBlockDiv = getAdBlockDiv();
143 | }
144 | adBlockDiv.P.textContent = 'Blocking ads...';
145 | adBlockDiv.style.display = 'block';
146 |
147 | //setting data-start-time as starting time of ad blocking
148 | let startTime = adBlockDiv.getAttribute('data-start-time');
149 | if (!startTime || startTime == 'null') {
150 | adBlockDiv.setAttribute('data-start-time', new Date().toISOString());
151 | }
152 | } else if (e.data.key == 'HideAdBlockBanner') {
153 | if (adBlockDiv == null) {
154 | adBlockDiv = getAdBlockDiv();
155 | }
156 | adBlockDiv.style.display = 'none';
157 |
158 | // calculate duration of last ads
159 | let startTime = adBlockDiv.getAttribute('data-start-time');
160 | if (startTime) {
161 | startTime = new Date(startTime);
162 | let duration = Math.round((new Date() - startTime) / 1000);
163 |
164 | if (isNaN(duration) || duration < 1) {
165 | console.log(`Duration (${duration}) is invalid, not saving time.`);
166 | return;
167 | }
168 | TwitchAdblockSettings.AdTime += duration;
169 | // post message to content.js to save adtime in local storage
170 | postMessage({
171 | type: 'SetTwitchAdTime',
172 | adtime: TwitchAdblockSettings.AdTime
173 | }, '*');
174 |
175 | adBlockDiv.setAttribute('data-start-time', null);
176 | }
177 |
178 | } else if (e.data.key == 'PauseResumePlayer') {
179 | doTwitchPlayerTask(true, false, false, false, false);
180 | } else if (e.data.key == 'ForceChangeQuality') {
181 | //This is used to fix the bug where the video would freeze.
182 | try {
183 | if (navigator.userAgent.toLowerCase().indexOf('firefox') == -1) {
184 | return;
185 | }
186 | var autoQuality = doTwitchPlayerTask(false, false, false, true, false);
187 | var currentQuality = doTwitchPlayerTask(false, true, false, false, false);
188 |
189 | if (IsPlayerAutoQuality == null) {
190 | IsPlayerAutoQuality = autoQuality;
191 | }
192 | if (OriginalVideoPlayerQuality == null) {
193 | OriginalVideoPlayerQuality = currentQuality;
194 | }
195 | if (!currentQuality.includes('480') || e.data.value != null) {
196 | if (!OriginalVideoPlayerQuality.includes('480')) {
197 | var settingsMenu = document.querySelector('div[data-a-target="player-settings-menu"]');
198 | if (settingsMenu == null) {
199 | var settingsCog = document.querySelector('button[data-a-target="player-settings-button"]');
200 | if (settingsCog) {
201 | settingsCog.click();
202 | var qualityMenu = document.querySelector('button[data-a-target="player-settings-menu-item-quality"]');
203 | if (qualityMenu) {
204 | qualityMenu.click();
205 | }
206 | var lowQuality = document.querySelectorAll('input[data-a-target="tw-radio"');
207 | if (lowQuality) {
208 | var qualityToSelect = lowQuality.length - 3;
209 | if (e.data.value != null) {
210 | if (e.data.value.includes('original')) {
211 | e.data.value = OriginalVideoPlayerQuality;
212 | if (IsPlayerAutoQuality) {
213 | e.data.value = 'auto';
214 | }
215 | }
216 | if (e.data.value.includes('160p')) {
217 | qualityToSelect = 5;
218 | }
219 | if (e.data.value.includes('360p')) {
220 | qualityToSelect = 4;
221 | }
222 | if (e.data.value.includes('480p')) {
223 | qualityToSelect = 3;
224 | }
225 | if (e.data.value.includes('720p')) {
226 | qualityToSelect = 2;
227 | }
228 | if (e.data.value.includes('822p')) {
229 | qualityToSelect = 2;
230 | }
231 | if (e.data.value.includes('864p')) {
232 | qualityToSelect = 2;
233 | }
234 | if (e.data.value.includes('900p')) {
235 | qualityToSelect = 2;
236 | }
237 | if (e.data.value.includes('936p')) {
238 | qualityToSelect = 2;
239 | }
240 | if (e.data.value.includes('960p')) {
241 | qualityToSelect = 2;
242 | }
243 | if (e.data.value.includes('1080p')) {
244 | qualityToSelect = 2;
245 | }
246 | if (e.data.value.includes('source')) {
247 | qualityToSelect = 1;
248 | }
249 | if (e.data.value.includes('auto')) {
250 | qualityToSelect = 0;
251 | }
252 | }
253 | var currentQualityLS = window.localStorage.getItem('video-quality');
254 |
255 | lowQuality[qualityToSelect].click();
256 | window.localStorage.setItem('video-quality', currentQualityLS);
257 |
258 | if (e.data.value != null) {
259 | OriginalVideoPlayerQuality = null;
260 | IsPlayerAutoQuality = null;
261 | doTwitchPlayerTask(false, false, false, true, true);
262 | }
263 | }
264 |
265 | }
266 | }
267 | }
268 | }
269 | } catch (err) {
270 | OriginalVideoPlayerQuality = null;
271 | IsPlayerAutoQuality = null;
272 | }
273 | }
274 | };
275 |
276 | function getAdBlockDiv() {
277 | //To display a notification to the user, that an ad is being blocked.
278 | var playerRootDiv = document.querySelector('.video-player');
279 | var adBlockDiv = null;
280 | if (playerRootDiv != null) {
281 | adBlockDiv = playerRootDiv.querySelector('.adblock-overlay');
282 | if (adBlockDiv == null) {
283 | adBlockDiv = document.createElement('div');
284 | adBlockDiv.className = 'adblock-overlay';
285 | adBlockDiv.innerHTML = '
104 | Thank you for installing Twitch Adblock!
105 |In order to provide full functionality, please make sure that you disable any other Adblocker for Twitch.
106 |107 | Twitch Adblocker Off / On 108 | 112 |
113 |114 | "Blocking Ads" message Off / On 115 | 119 |
120 | 132 |133 | Proxy 134 | 140 |
141 |142 | Proxy quality 143 | 151 |
152 |You can access these settings at any time by clicking on the extension icon.
153 |
154 |
155 |
156 |
';
286 | adBlockDiv.style.display = 'none';
287 | adBlockDiv.P = adBlockDiv.querySelector('p');
288 | playerRootDiv.appendChild(adBlockDiv);
289 | }
290 | }
291 | return adBlockDiv;
292 | }
293 | }
294 | };
295 |
296 | function getWasmWorkerUrl(twitchBlobUrl) {
297 | var req = new XMLHttpRequest();
298 | req.open('GET', twitchBlobUrl, false);
299 | req.send();
300 | return req.responseText.split("'")[1];
301 | }
302 |
303 | function hookWorkerFetch() {
304 | console.log('Twitch adblocker is enabled');
305 | var realFetch = fetch;
306 | fetch = async function(url, options) {
307 | if (typeof url === 'string') {
308 | if (url.includes('video-weaver')) {
309 | return new Promise(function(resolve, reject) {
310 | var processAfter = async function(response) {
311 | //Here we check the m3u8 for any ads and also try fallback player types if needed.
312 |
313 | var responseText = await response.text();
314 | var weaverText = null;
315 |
316 | weaverText = await processM3U8(url, responseText, realFetch, PlayerType2);
317 | if (weaverText.includes(AdSignifier)) {
318 | weaverText = await processM3U8(url, responseText, realFetch, PlayerType3);
319 | }
320 | if (weaverText.includes(AdSignifier)) {
321 | weaverText = await processM3U8(url, responseText, realFetch, PlayerType4);
322 | }
323 |
324 | resolve(new Response(weaverText));
325 | };
326 | var send = function() {
327 | return realFetch(url, options).then(function(response) {
328 | processAfter(response);
329 | })['catch'](function(err) {
330 | reject(err);
331 | });
332 | };
333 | send();
334 | });
335 | } else if (url.includes('/api/channel/hls/')) {
336 | var channelName = (new URL(url)).pathname.match(/([^\/]+)(?=\.\w+$)/)[0];
337 | UsherParams = (new URL(url)).search;
338 | CurrentChannelName = channelName;
339 | //To prevent pause/resume loop for mid-rolls.
340 | var isPBYPRequest = url.includes('picture-by-picture');
341 | if (isPBYPRequest) {
342 | url = '';
343 | }
344 | return new Promise(function(resolve, reject) {
345 | var processAfter = async function(response) {
346 | if (response.status == 200) {
347 | encodingsM3u8 = await response.text();
348 | var streamInfo = StreamInfos[channelName];
349 | if (streamInfo == null) {
350 | StreamInfos[channelName] = streamInfo = {};
351 | }
352 | streamInfo.ChannelName = channelName;
353 | streamInfo.Urls = [];// xxx.m3u8 -> { Resolution: "284x160", FrameRate: 30.0 }
354 | streamInfo.EncodingsM3U8Cache = [];
355 | streamInfo.EncodingsM3U8 = encodingsM3u8;
356 | var lines = encodingsM3u8.replace('\r', '').split('\n');
357 | for (var i = 0; i < lines.length; i++) {
358 | if (!lines[i].startsWith('#') && lines[i].includes('.m3u8')) {
359 | streamInfo.Urls[lines[i]] = -1;
360 | if (i > 0 && lines[i - 1].startsWith('#EXT-X-STREAM-INF')) {
361 | var attributes = parseAttributes(lines[i - 1]);
362 | var resolution = attributes['RESOLUTION'];
363 | var frameRate = attributes['FRAME-RATE'];
364 | if (resolution) {
365 | streamInfo.Urls[lines[i]] = {
366 | Resolution: resolution,
367 | FrameRate: frameRate
368 | };
369 | }
370 | }
371 | StreamInfosByUrl[lines[i]] = streamInfo;
372 | MainUrlByUrl[lines[i]] = url;
373 | }
374 | }
375 | resolve(new Response(encodingsM3u8));
376 | } else {
377 | resolve(response);
378 | }
379 | };
380 | var send = function() {
381 | return realFetch(url, options).then(function(response) {
382 | processAfter(response);
383 | })['catch'](function(err) {
384 | reject(err);
385 | });
386 | };
387 | send();
388 | });
389 | }
390 | }
391 | return realFetch.apply(this, arguments);
392 | };
393 | }
394 |
395 | function getStreamUrlForResolution(encodingsM3u8, resolutionInfo, qualityOverrideStr) {
396 | var qualityOverride = 0;
397 | if (qualityOverrideStr && qualityOverrideStr.endsWith('p')) {
398 | qualityOverride = qualityOverrideStr.substr(0, qualityOverrideStr.length - 1) | 0;
399 | }
400 | var qualityOverrideFoundQuality = 0;
401 | var qualityOverrideFoundFrameRate = 0;
402 | var encodingsLines = encodingsM3u8.replace('\r', '').split('\n');
403 | var firstUrl = null;
404 | var lastUrl = null;
405 | var matchedResolutionUrl = null;
406 | var matchedFrameRate = false;
407 | for (var i = 0; i < encodingsLines.length; i++) {
408 | if (!encodingsLines[i].startsWith('#') && encodingsLines[i].includes('.m3u8')) {
409 | if (i > 0 && encodingsLines[i - 1].startsWith('#EXT-X-STREAM-INF')) {
410 | var attributes = parseAttributes(encodingsLines[i - 1]);
411 | var resolution = attributes['RESOLUTION'];
412 | var frameRate = attributes['FRAME-RATE'];
413 | if (resolution) {
414 | if (qualityOverride) {
415 | var quality = resolution.toLowerCase().split('x')[1];
416 | if (quality == qualityOverride) {
417 | qualityOverrideFoundQuality = quality;
418 | qualityOverrideFoundFrameRate = frameRate;
419 | matchedResolutionUrl = encodingsLines[i];
420 | if (frameRate < 40) {
421 | //console.log(`qualityOverride(A) quality:${quality} frameRate:${frameRate}`);
422 | return matchedResolutionUrl;
423 | }
424 | } else if (quality < qualityOverride) {
425 | //if (matchedResolutionUrl) {
426 | // console.log(`qualityOverride(B) quality:${qualityOverrideFoundQuality} frameRate:${qualityOverrideFoundFrameRate}`);
427 | //} else {
428 | // console.log(`qualityOverride(C) quality:${quality} frameRate:${frameRate}`);
429 | //}
430 | return matchedResolutionUrl ? matchedResolutionUrl : encodingsLines[i];
431 | }
432 | } else if ((!resolutionInfo || resolution == resolutionInfo.Resolution) &&
433 | (!matchedResolutionUrl || (!matchedFrameRate && frameRate == resolutionInfo.FrameRate))) {
434 | matchedResolutionUrl = encodingsLines[i];
435 | matchedFrameRate = frameRate == resolutionInfo.FrameRate;
436 | if (matchedFrameRate) {
437 | return matchedResolutionUrl;
438 | }
439 | }
440 | }
441 | if (firstUrl == null) {
442 | firstUrl = encodingsLines[i];
443 | }
444 | lastUrl = encodingsLines[i];
445 | }
446 | }
447 | }
448 | if (qualityOverride) {
449 | return lastUrl;
450 | }
451 | return matchedResolutionUrl ? matchedResolutionUrl : firstUrl;
452 | }
453 |
454 | async function getStreamForResolution(streamInfo, resolutionInfo, encodingsM3u8, fallbackStreamStr, playerType, realFetch) {
455 | var qualityOverride = null;
456 | if (playerType === 'proxy') {
457 | qualityOverride = TwitchAdblockSettings.ProxyQuality ? TwitchAdblockSettings.ProxyQuality : DefaultProxyQuality;
458 | }
459 | if (streamInfo.EncodingsM3U8Cache[playerType].Resolution != resolutionInfo.Resolution ||
460 | streamInfo.EncodingsM3U8Cache[playerType].RequestTime < Date.now() - EncodingCacheTimeout) {
461 | console.log(`Blocking ads (type:${playerType}, resolution:${resolutionInfo.Resolution}, frameRate:${resolutionInfo.FrameRate}, qualityOverride:${qualityOverride})`);
462 | }
463 | streamInfo.EncodingsM3U8Cache[playerType].RequestTime = Date.now();
464 | streamInfo.EncodingsM3U8Cache[playerType].Value = encodingsM3u8;
465 | streamInfo.EncodingsM3U8Cache[playerType].Resolution = resolutionInfo.Resolution;
466 | var streamM3u8Url = getStreamUrlForResolution(encodingsM3u8, resolutionInfo, qualityOverride);
467 | var streamM3u8Response = await realFetch(streamM3u8Url);
468 | if (streamM3u8Response.status == 200) {
469 | var m3u8Text = await streamM3u8Response.text();
470 | WasShowingAd = true;
471 | postMessage({
472 | key: 'ShowAdBlockBanner'
473 | });
474 | postMessage({
475 | key: 'ForceChangeQuality'
476 | });
477 |
478 | if (!m3u8Text || m3u8Text.includes(AdSignifier)) {
479 | streamInfo.EncodingsM3U8Cache[playerType].Value = null;
480 | }
481 |
482 | return m3u8Text;
483 | } else {
484 | streamInfo.EncodingsM3U8Cache[playerType].Value = null;
485 | return fallbackStreamStr;
486 | }
487 | }
488 |
489 | function stripUnusedParams(str, params) {
490 | if (!params) {
491 | params = [ 'token', 'sig' ];
492 | }
493 | var tempUrl = new URL('https://localhost/' + str);
494 | for (var i = 0; i < params.length; i++) {
495 | tempUrl.searchParams.delete(params[i]);
496 | }
497 | return tempUrl.pathname.substring(1) + tempUrl.search;
498 | }
499 |
500 | async function processM3U8(url, textStr, realFetch, playerType) {
501 | //Checks the m3u8 for ads and if it finds one, instead returns an ad-free stream.
502 |
503 | var streamInfo = StreamInfosByUrl[url];
504 |
505 | //Ad blocking for squad streams is disabled due to the way multiple weaver urls are used. No workaround so far.
506 | if (IsSquadStream == true) {
507 | return textStr;
508 | }
509 |
510 | if (!textStr) {
511 | return textStr;
512 | }
513 |
514 | //Some live streams use mp4.
515 | if (!textStr.includes('.ts') && !textStr.includes('.mp4')) {
516 | return textStr;
517 | }
518 |
519 | var haveAdTags = textStr.includes(AdSignifier);
520 |
521 | if (haveAdTags) {
522 |
523 | var isMidroll = textStr.includes('"MIDROLL"') || textStr.includes('"midroll"');
524 |
525 | //Reduces ad frequency. TODO: Reduce the number of requests. This is really spamming Twitch with requests.
526 | if (!isMidroll) {
527 | try {
528 | //tryNotifyTwitch(textStr);
529 | } catch (err) {}
530 | }
531 |
532 | var currentResolution = null;
533 | if (streamInfo && streamInfo.Urls) {
534 | for (const [resUrl, resInfo] of Object.entries(streamInfo.Urls)) {
535 | if (resUrl == url) {
536 | currentResolution = resInfo;
537 | //console.log(resInfo.Resolution);
538 | break;
539 | }
540 | }
541 | }
542 |
543 | // Keep the m3u8 around for a little while (once per ad) before requesting a new one
544 | var encodingsM3U8Cache = streamInfo.EncodingsM3U8Cache[playerType];
545 | if (encodingsM3U8Cache) {
546 | if (encodingsM3U8Cache.Value && encodingsM3U8Cache.RequestTime >= Date.now() - EncodingCacheTimeout) {
547 | try {
548 | var result = getStreamForResolution(streamInfo, currentResolution, encodingsM3U8Cache.Value, null, playerType, realFetch);
549 | if (result) {
550 | return result;
551 | }
552 | } catch (err) {
553 | encodingsM3U8Cache.Value = null;
554 | }
555 | }
556 | } else {
557 | streamInfo.EncodingsM3U8Cache[playerType] = {
558 | RequestTime: Date.now(),
559 | Value: null,
560 | Resolution: null
561 | };
562 | }
563 |
564 | if (playerType === 'proxy') {
565 | try {
566 | var proxyType = TwitchAdblockSettings.ProxyType ? TwitchAdblockSettings.ProxyType : DefaultProxyType;
567 | var encodingsM3u8Response = null;
568 | /*var tempUrl = stripUnusedParams(MainUrlByUrl[url]);
569 | const match = /(hls|vod)\/(.+?)$/gim.exec(tempUrl);*/
570 | switch (proxyType) {
571 | case 'TTV LOL':
572 | encodingsM3u8Response = await realFetch('https://api.ttv.lol/playlist/' + CurrentChannelName + '.m3u8%3Fallow_source%3Dtrue'/* + encodeURIComponent(match[2])*/, {headers: {'X-Donate-To': 'https://ttv.lol/donate'}});
573 | break;
574 | /*case 'Purple Adblock':// Broken...
575 | encodingsM3u8Response = await realFetch('https://eu1.jupter.ga/channel/' + CurrentChannelName);*/
576 | case 'Falan':// https://greasyfork.org/en/scripts/425139-twitch-ad-fix/code
577 | encodingsM3u8Response = await realFetch(atob('aHR0cHM6Ly9qaWdnbGUuYmV5cGF6YXJpZ3VydXN1LndvcmtlcnMuZGV2') + '/hls/' + CurrentChannelName + '.m3u8%3Fallow_source%3Dtrue'/* + encodeURIComponent(match[2])*/);
578 | break;
579 | }
580 | if (encodingsM3u8Response && encodingsM3u8Response.status === 200) {
581 | return getStreamForResolution(streamInfo, currentResolution, await encodingsM3u8Response.text(), textStr, playerType, realFetch);
582 | }
583 | } catch (err) {}
584 | return textStr;
585 | }
586 |
587 | var accessTokenResponse = await getAccessToken(CurrentChannelName, playerType);
588 | if (accessTokenResponse.status === 200) {
589 | var accessToken = await accessTokenResponse.json();
590 | try {
591 | var urlInfo = new URL('https://usher.ttvnw.net/api/channel/hls/' + CurrentChannelName + '.m3u8' + UsherParams);
592 | urlInfo.searchParams.set('sig', accessToken.data.streamPlaybackAccessToken.signature);
593 | urlInfo.searchParams.set('token', accessToken.data.streamPlaybackAccessToken.value);
594 | var encodingsM3u8Response = await realFetch(urlInfo.href);
595 | if (encodingsM3u8Response.status === 200) {
596 | return getStreamForResolution(streamInfo, currentResolution, await encodingsM3u8Response.text(), textStr, playerType, realFetch);
597 | } else {
598 | return textStr;
599 | }
600 | } catch (err) {}
601 | return textStr;
602 | } else {
603 | return textStr;
604 | }
605 | } else {
606 | if (WasShowingAd) {
607 | console.log('Finished blocking ads');
608 | WasShowingAd = false;
609 | //Here we put player back to original quality and remove the blocking message.
610 | postMessage({
611 | key: 'ForceChangeQuality',
612 | value: 'original'
613 | });
614 | postMessage({
615 | key: 'PauseResumePlayer'
616 | });
617 | postMessage({
618 | key: 'HideAdBlockBanner'
619 | });
620 | }
621 | return textStr;
622 | }
623 | return textStr;
624 | }
625 |
626 | function parseAttributes(str) {
627 | return Object.fromEntries(
628 | str.split(/(?:^|,)((?:[^=]*)=(?:"[^"]*"|[^,]*))/)
629 | .filter(Boolean)
630 | .map(x => {
631 | const idx = x.indexOf('=');
632 | const key = x.substring(0, idx);
633 | const value = x.substring(idx + 1);
634 | const num = Number(value);
635 | return [key, Number.isNaN(num) ? value.startsWith('"') ? JSON.parse(value) : value : num];
636 | }));
637 | }
638 |
639 | async function tryNotifyTwitch(streamM3u8) {
640 | //We notify that an ad was requested but was not visible and was also muted.
641 | var matches = streamM3u8.match(/#EXT-X-DATERANGE:(ID="stitched-ad-[^\n]+)\n/);
642 | if (matches.length > 1) {
643 | const attrString = matches[1];
644 | const attr = parseAttributes(attrString);
645 | var podLength = parseInt(attr['X-TV-TWITCH-AD-POD-LENGTH'] ? attr['X-TV-TWITCH-AD-POD-LENGTH'] : '1');
646 | var podPosition = parseInt(attr['X-TV-TWITCH-AD-POD-POSITION'] ? attr['X-TV-TWITCH-AD-POD-POSITION'] : '0');
647 | var radToken = attr['X-TV-TWITCH-AD-RADS-TOKEN'];
648 | var lineItemId = attr['X-TV-TWITCH-AD-LINE-ITEM-ID'];
649 | var orderId = attr['X-TV-TWITCH-AD-ORDER-ID'];
650 | var creativeId = attr['X-TV-TWITCH-AD-CREATIVE-ID'];
651 | var adId = attr['X-TV-TWITCH-AD-ADVERTISER-ID'];
652 | var rollType = attr['X-TV-TWITCH-AD-ROLL-TYPE'].toLowerCase();
653 | const baseData = {
654 | stitched: true,
655 | roll_type: rollType,
656 | player_mute: true,
657 | player_volume: 0.0,
658 | visible: false,
659 | };
660 | for (let podPosition = 0; podPosition < podLength; podPosition++) {
661 | const extendedData = {
662 | ...baseData,
663 | ad_id: adId,
664 | ad_position: podPosition,
665 | duration: 0,
666 | creative_id: creativeId,
667 | total_ads: podLength,
668 | order_id: orderId,
669 | line_item_id: lineItemId,
670 | };
671 | await gqlRequest(adRecordgqlPacket('video_ad_impression', radToken, extendedData));
672 | for (let quartile = 0; quartile < 4; quartile++) {
673 | await gqlRequest(
674 | adRecordgqlPacket('video_ad_quartile_complete', radToken, {
675 | ...extendedData,
676 | quartile: quartile + 1,
677 | })
678 | );
679 | }
680 | await gqlRequest(adRecordgqlPacket('video_ad_pod_complete', radToken, baseData));
681 | }
682 | }
683 | }
684 |
685 | function adRecordgqlPacket(event, radToken, payload) {
686 | return [{
687 | operationName: 'ClientSideAdEventHandling_RecordAdEvent',
688 | variables: {
689 | input: {
690 | eventName: event,
691 | eventPayload: JSON.stringify(payload),
692 | radToken,
693 | },
694 | },
695 | extensions: {
696 | persistedQuery: {
697 | version: 1,
698 | sha256Hash: '7e6c69e6eb59f8ccb97ab73686f3d8b7d85a72a0298745ccd8bfc68e4054ca5b',
699 | },
700 | },
701 | }];
702 | }
703 |
704 | function getAccessToken(channelName, playerType, realFetch) {
705 | var body = null;
706 | var templateQuery = 'query PlaybackAccessToken_Template($login: String!, $isLive: Boolean!, $vodID: ID!, $isVod: Boolean!, $playerType: String!) { streamPlaybackAccessToken(channelName: $login, params: {platform: "web", playerBackend: "mediaplayer", playerType: $playerType}) @include(if: $isLive) { value signature __typename } videoPlaybackAccessToken(id: $vodID, params: {platform: "web", playerBackend: "mediaplayer", playerType: $playerType}) @include(if: $isVod) { value signature __typename }}';
707 | body = {
708 | operationName: 'PlaybackAccessToken_Template',
709 | query: templateQuery,
710 | variables: {
711 | 'isLive': true,
712 | 'login': channelName,
713 | 'isVod': false,
714 | 'vodID': '',
715 | 'playerType': playerType
716 | }
717 | };
718 | return gqlRequest(body, realFetch);
719 | }
720 |
721 | function gqlRequest(body, realFetch) {
722 | var fetchFunc = realFetch ? realFetch : fetch;
723 | if (!GQLDeviceID) {
724 | var dcharacters = 'abcdefghijklmnopqrstuvwxyz0123456789';
725 | var dcharactersLength = dcharacters.length;
726 | for (var i = 0; i < 32; i++) {
727 | GQLDeviceID += dcharacters.charAt(Math.floor(Math.random() * dcharactersLength));
728 | }
729 | }
730 | return fetchFunc('https://gql.twitch.tv/gql', {
731 | method: 'POST',
732 | body: JSON.stringify(body),
733 | headers: {
734 | 'Client-ID': ClientID,
735 | 'Device-ID': GQLDeviceID,
736 | 'X-Device-Id': GQLDeviceID,
737 | 'Client-Version': ClientVersion,
738 | 'Client-Session-Id': ClientSession
739 | }
740 | });
741 | }
742 |
743 | function doTwitchPlayerTask(isPausePlay, isCheckQuality, isCorrectBuffer, isAutoQuality, setAutoQuality) {
744 | //This will do an instant pause/play to return to original quality once the ad is finished.
745 | //We also use this function to get the current video player quality set by the user.
746 | //We also use this function to quickly pause/play the player when switching tabs to stop delays.
747 | try {
748 | var videoController = null;
749 | var videoPlayer = null;
750 |
751 | function findReactNode(root, constraint) {
752 | if (root.stateNode && constraint(root.stateNode)) {
753 | return root.stateNode;
754 | }
755 | let node = root.child;
756 | while (node) {
757 | const result = findReactNode(node, constraint);
758 | if (result) {
759 | return result;
760 | }
761 | node = node.sibling;
762 | }
763 | return null;
764 | }
765 | var reactRootNode = null;
766 | var rootNode = document.querySelector('#root');
767 | if (rootNode && rootNode._reactRootContainer && rootNode._reactRootContainer._internalRoot && rootNode._reactRootContainer._internalRoot.current) {
768 | reactRootNode = rootNode._reactRootContainer._internalRoot.current;
769 | }
770 | videoPlayer = findReactNode(reactRootNode, node => node.setPlayerActive && node.props && node.props.mediaPlayerInstance);
771 | videoPlayer = videoPlayer && videoPlayer.props && videoPlayer.props.mediaPlayerInstance ? videoPlayer.props.mediaPlayerInstance : null;
772 |
773 | if (isPausePlay) {
774 | videoPlayer.pause();
775 | videoPlayer.play();
776 | return;
777 | }
778 | if (isCheckQuality) {
779 | if (typeof videoPlayer.getQuality() == 'undefined') {
780 | return;
781 | }
782 | var playerQuality = JSON.stringify(videoPlayer.getQuality());
783 | if (playerQuality) {
784 | return playerQuality;
785 | } else {
786 | return;
787 | }
788 | }
789 | if (isAutoQuality) {
790 | if (typeof videoPlayer.isAutoQualityMode() == 'undefined') {
791 | return false;
792 | }
793 | var autoQuality = videoPlayer.isAutoQualityMode();
794 | if (autoQuality) {
795 | videoPlayer.setAutoQualityMode(false);
796 | return autoQuality;
797 | } else {
798 | return false;
799 | }
800 | }
801 | if (setAutoQuality) {
802 | videoPlayer.setAutoQualityMode(true);
803 | return;
804 | }
805 | //This only happens when switching tabs and is to correct the high latency caused when opening background tabs and going to them at a later time.
806 | //We check that this is a live stream by the page URL, to prevent vod/clip pause/plays.
807 | try {
808 | var currentPageURL = document.URL;
809 | var isLive = true;
810 | if (currentPageURL.includes('videos/') || currentPageURL.includes('clip/')) {
811 | isLive = false;
812 | }
813 | if (isCorrectBuffer && isLive) {
814 | //A timer is needed due to the player not resuming without it.
815 | setTimeout(function() {
816 | //If latency to broadcaster is above 5 or 15 seconds upon switching tabs, we pause and play the player to reset the latency.
817 | //If latency is between 0-6, user can manually pause and resume to reset latency further.
818 | if (videoPlayer.isLiveLowLatency() && videoPlayer.getLiveLatency() > 5) {
819 | videoPlayer.pause();
820 | videoPlayer.play();
821 | } else if (videoPlayer.getLiveLatency() > 15) {
822 | videoPlayer.pause();
823 | videoPlayer.play();
824 | }
825 | }, 3000);
826 | }
827 | } catch (err) {}
828 | } catch (err) {}
829 | }
830 |
831 | var localDeviceID = null;
832 | localDeviceID = window.localStorage.getItem('local_copy_unique_id');
833 |
834 | function hookFetch() {
835 | var realFetch = window.fetch;
836 | window.fetch = function(url, init, ...args) {
837 | if (typeof url === 'string') {
838 | //Check if squad stream.
839 | if (window.location.pathname.includes('/squad')) {
840 | if (twitchMainWorker) {
841 | twitchMainWorker.postMessage({
842 | key: 'UpdateIsSquadStream',
843 | value: true
844 | });
845 | }
846 | } else {
847 | if (twitchMainWorker) {
848 | twitchMainWorker.postMessage({
849 | key: 'UpdateIsSquadStream',
850 | value: false
851 | });
852 | }
853 | }
854 | if (url.includes('/access_token') || url.includes('gql')) {
855 | //Device ID is used when notifying Twitch of ads.
856 | var deviceId = init.headers['X-Device-Id'];
857 | if (typeof deviceId !== 'string') {
858 | deviceId = init.headers['Device-ID'];
859 | }
860 | //Added to prevent eventual UBlock conflicts.
861 | if (typeof deviceId === 'string' && !deviceId.includes('twitch-web-wall-mason')) {
862 | GQLDeviceID = deviceId;
863 | } else if (localDeviceID) {
864 | GQLDeviceID = localDeviceID.replace('"', '');
865 | GQLDeviceID = GQLDeviceID.replace('"', '');
866 | }
867 | if (GQLDeviceID && twitchMainWorker) {
868 | if (typeof init.headers['X-Device-Id'] === 'string') {
869 | init.headers['X-Device-Id'] = GQLDeviceID;
870 | }
871 | if (typeof init.headers['Device-ID'] === 'string') {
872 | init.headers['Device-ID'] = GQLDeviceID;
873 | }
874 | twitchMainWorker.postMessage({
875 | key: 'UpdateDeviceId',
876 | value: GQLDeviceID
877 | });
878 | }
879 | //Client version is used in GQL requests.
880 | var clientVersion = init.headers['Client-Version'];
881 | if (clientVersion && typeof clientVersion == 'string') {
882 | ClientVersion = clientVersion;
883 | }
884 | if (ClientVersion && twitchMainWorker) {
885 | twitchMainWorker.postMessage({
886 | key: 'UpdateClientVersion',
887 | value: ClientVersion
888 | });
889 | }
890 | //Client session is used in GQL requests.
891 | var clientSession = init.headers['Client-Session-Id'];
892 | if (clientSession && typeof clientSession == 'string') {
893 | ClientSession = clientSession;
894 | }
895 | if (ClientSession && twitchMainWorker) {
896 | twitchMainWorker.postMessage({
897 | key: 'UpdateClientSession',
898 | value: ClientSession
899 | });
900 | }
901 | //Client ID is used in GQL requests.
902 | if (url.includes('gql') && init && typeof init.body === 'string' && init.body.includes('PlaybackAccessToken')) {
903 | var clientId = init.headers['Client-ID'];
904 | if (clientId && typeof clientId == 'string') {
905 | ClientID = clientId;
906 | } else {
907 | clientId = init.headers['Client-Id'];
908 | if (clientId && typeof clientId == 'string') {
909 | ClientID = clientId;
910 | }
911 | }
912 | if (ClientID && twitchMainWorker) {
913 | twitchMainWorker.postMessage({
914 | key: 'UpdateClientId',
915 | value: ClientID
916 | });
917 | }
918 | }
919 | //To prevent pause/resume loop for mid-rolls.
920 | if (url.includes('gql') && init && typeof init.body === 'string' && init.body.includes('PlaybackAccessToken') && init.body.includes('picture-by-picture')) {
921 | init.body = '';
922 | }
923 | var isPBYPRequest = url.includes('picture-by-picture');
924 | if (isPBYPRequest) {
925 | url = '';
926 | }
927 | }
928 | }
929 | return realFetch.apply(this, arguments);
930 | };
931 | }
932 | hookFetch();
--------------------------------------------------------------------------------
/firefox/background.js:
--------------------------------------------------------------------------------
1 | //Show options and install message on first install only.
2 | function handleInstalled(details) {
3 | if (details.reason == 'install') {
4 | let createData = {
5 | focused: true,
6 | type: "popup",
7 | url: "popup/install.html",
8 | width: 365,
9 | height: 750,
10 | };
11 | let creating = chrome.windows.create(createData);
12 | }
13 | }
14 |
15 | chrome.runtime.onInstalled.addListener(handleInstalled);
16 |
17 | //Block ad trackers and ad serving scripts.
18 | function blockURL(requestDetails) {
19 | return {
20 | cancel: true
21 | };
22 | }
23 |
24 | //These are the Twitch ad trackers and ad serving script URLs.
25 | chrome.webRequest.onBeforeRequest.addListener(
26 | blockURL,
27 | {urls: ["https://*.amazon-adsystem.com/*","https://cdn.krxd.net/*","https://script.ioam.de/iam.js","https://edge.quantserve.com/quant.js","https://ddacn6pr5v0tl.cloudfront.net/*","https://ddacn6pr5v0tl.cloudfront.net/custom-moat-video-native.min.js","https://d2v02itv0y9u9t.cloudfront.net/dist/1.0.5/v6s.js","https://d2v02itv0y9u9t.cloudfront.net/dist/1.0.8/v6s.js","https://d2v02itv0y9u9t.cloudfront.net/*","https://*.imrworldwide.com/*","https://countess.twitch.tv/*","https://*.scorecardresearch.com/*","https://www.googletagservices.com/tag/js/gpt.js","*://*.branch.io/*","*://comscore.com/*"]},
28 | ["blocking"]
29 | );
--------------------------------------------------------------------------------
/firefox/content.js:
--------------------------------------------------------------------------------
1 | //Get extension settings.
2 | //Check if Firefox or not.
3 | const isFirefox = !chrome.app;
4 |
5 | function updateSettings() {
6 | browser.storage.local.get(['blockingMessageTTV','forcedQualityTTV','proxyTTV','proxyQualityTTV']).then(result => {
7 | var settings = {
8 | BannerVisible: true,
9 | ForcedQuality: null,
10 | ProxyType: null,
11 | ProxyQuality: null,
12 | };
13 | if (result.blockingMessageTTV === 'true' || result.blockingMessageTTV === 'false') {
14 | settings.BannerVisible = result.blockingMessageTTV === 'true';
15 | }
16 | if (result.forcedQualityTTV) {
17 | settings.ForcedQuality = result.forcedQualityTTV;
18 | }
19 | if (result.proxyTTV) {
20 | settings.ProxyType = result.proxyTTV;
21 | }
22 | if (result.proxyQualityTTV) {
23 | settings.ProxyQuality = result.proxyQualityTTV;
24 | }
25 | postMessage({
26 | type: 'SetTwitchAdblockSettings',
27 | settings: settings,
28 | }, '*');
29 | });
30 | }
31 |
32 | function removeVideoAds() {
33 | //This stops Twitch from pausing the player when in another tab and an ad shows.
34 | try {
35 | Object.defineProperty(document, 'visibilityState', {
36 | get() {
37 | return 'visible';
38 | }
39 | });
40 | Object.defineProperty(document, 'hidden', {
41 | get() {
42 | return false;
43 | }
44 | });
45 | const block = e => {
46 | e.preventDefault();
47 | e.stopPropagation();
48 | e.stopImmediatePropagation();
49 | };
50 | const process = e => {
51 | e.preventDefault();
52 | e.stopPropagation();
53 | e.stopImmediatePropagation();
54 | //This corrects the background tab buffer bug when switching to the background tab for the first time after an extended period.
55 | doTwitchPlayerTask(false, false, true, false, false);
56 | };
57 | document.addEventListener('visibilitychange', process, true);
58 | document.addEventListener('webkitvisibilitychange', block, true);
59 | document.addEventListener('mozvisibilitychange', block, true);
60 | document.addEventListener('hasFocus', block, true);
61 | if (/Firefox/.test(navigator.userAgent)) {
62 | Object.defineProperty(document, 'mozHidden', {
63 | get() {
64 | return false;
65 | }
66 | });
67 | } else {
68 | Object.defineProperty(document, 'webkitHidden', {
69 | get() {
70 | return false;
71 | }
72 | });
73 | }
74 | } catch (err) {}
75 |
76 | //Send settings updates to worker.
77 | window.addEventListener('message', (event) => {
78 | if (event.source != window) {
79 | return;
80 | }
81 | if (event.data.type && event.data.type == 'SetTwitchAdblockSettings' && event.data.settings) {
82 | TwitchAdblockSettings = event.data.settings;
83 | }
84 | }, false);
85 |
86 | function declareOptions(scope) {
87 | scope.AdSignifier = 'stitched';
88 | scope.ClientID = 'kimne78kx3ncx6brgo4mv6wki5h1ko';
89 | scope.ClientVersion = 'null';
90 | scope.ClientSession = 'null';
91 | //scope.PlayerType1 = 'site'; //Source - NOTE: This is unused as it's implicitly used by the website iself
92 | scope.PlayerType2 = 'embed'; //Source
93 | scope.PlayerType3 = 'proxy'; //Source
94 | scope.PlayerType4 = 'thunderdome'; //480p
95 | scope.CurrentChannelName = null;
96 | scope.UsherParams = null;
97 | scope.WasShowingAd = false;
98 | scope.GQLDeviceID = null;
99 | scope.IsSquadStream = false;
100 | scope.StreamInfos = [];
101 | scope.StreamInfosByUrl = [];
102 | scope.MainUrlByUrl = [];
103 | scope.EncodingCacheTimeout = 60000;
104 | scope.DefaultProxyType = null;
105 | scope.DefaultForcedQuality = null;
106 | scope.DefaultProxyQuality = null;
107 | }
108 |
109 | declareOptions(window);
110 |
111 | var TwitchAdblockSettings = {
112 | BannerVisible: true,
113 | ForcedQuality: null,
114 | ProxyType: null,
115 | ProxyQuality: null,
116 | };
117 |
118 | var twitchMainWorker = null;
119 | var adBlockDiv = null;
120 | var OriginalVideoPlayerQuality = null;
121 | var IsPlayerAutoQuality = null;
122 | const oldWorker = window.Worker;
123 |
124 | window.Worker = class Worker extends oldWorker {
125 | constructor(twitchBlobUrl) {
126 | if (twitchMainWorker) {
127 | super(twitchBlobUrl);
128 | return;
129 | }
130 | var jsURL = getWasmWorkerUrl(twitchBlobUrl);
131 | if (typeof jsURL !== 'string') {
132 | super(twitchBlobUrl);
133 | return;
134 | }
135 | var newBlobStr = `
136 | ${getStreamUrlForResolution.toString()}
137 | ${getStreamForResolution.toString()}
138 | ${stripUnusedParams.toString()}
139 | ${processM3U8.toString()}
140 | ${hookWorkerFetch.toString()}
141 | ${declareOptions.toString()}
142 | ${getAccessToken.toString()}
143 | ${gqlRequest.toString()}
144 | ${adRecordgqlPacket.toString()}
145 | ${tryNotifyTwitch.toString()}
146 | ${parseAttributes.toString()}
147 | declareOptions(self);
148 | self.TwitchAdblockSettings = ${JSON.stringify(TwitchAdblockSettings)};
149 | self.addEventListener('message', function(e) {
150 | if (e.data.key == 'UpdateIsSquadStream') {
151 | IsSquadStream = e.data.value;
152 | } else if (e.data.key == 'UpdateClientVersion') {
153 | ClientVersion = e.data.value;
154 | } else if (e.data.key == 'UpdateClientSession') {
155 | ClientSession = e.data.value;
156 | } else if (e.data.key == 'UpdateClientId') {
157 | ClientID = e.data.value;
158 | } else if (e.data.key == 'UpdateDeviceId') {
159 | GQLDeviceID = e.data.value;
160 | }
161 | });
162 | hookWorkerFetch();
163 | importScripts('${jsURL}');
164 | `;
165 | super(URL.createObjectURL(new Blob([newBlobStr])));
166 | twitchMainWorker = this;
167 | this.onmessage = function(e) {
168 | if (e.data.key == 'ShowAdBlockBanner') {
169 | if (!TwitchAdblockSettings.BannerVisible) {
170 | return;
171 | }
172 | if (adBlockDiv == null) {
173 | adBlockDiv = getAdBlockDiv();
174 | }
175 | adBlockDiv.P.textContent = 'Blocking ads...';
176 | adBlockDiv.style.display = 'block';
177 | } else if (e.data.key == 'HideAdBlockBanner') {
178 | if (adBlockDiv == null) {
179 | adBlockDiv = getAdBlockDiv();
180 | }
181 | adBlockDiv.style.display = 'none';
182 | } else if (e.data.key == 'PauseResumePlayer') {
183 | doTwitchPlayerTask(true, false, false, false, false);
184 | } else if (e.data.key == 'ForceChangeQuality') {
185 | //This is used to fix the bug where the video would freeze.
186 | try {
187 | if (navigator.userAgent.toLowerCase().indexOf('firefox') == -1) {
188 | return;
189 | }
190 | var autoQuality = doTwitchPlayerTask(false, false, false, true, false);
191 | var currentQuality = doTwitchPlayerTask(false, true, false, false, false);
192 |
193 | if (IsPlayerAutoQuality == null) {
194 | IsPlayerAutoQuality = autoQuality;
195 | }
196 | if (OriginalVideoPlayerQuality == null) {
197 | OriginalVideoPlayerQuality = currentQuality;
198 | }
199 | if (!currentQuality.includes('480') || e.data.value != null) {
200 | if (!OriginalVideoPlayerQuality.includes('480')) {
201 | var settingsMenu = document.querySelector('div[data-a-target="player-settings-menu"]');
202 | if (settingsMenu == null) {
203 | var settingsCog = document.querySelector('button[data-a-target="player-settings-button"]');
204 | if (settingsCog) {
205 | settingsCog.click();
206 | var qualityMenu = document.querySelector('button[data-a-target="player-settings-menu-item-quality"]');
207 | if (qualityMenu) {
208 | qualityMenu.click();
209 | }
210 | var lowQuality = document.querySelectorAll('input[data-a-target="tw-radio"');
211 | if (lowQuality) {
212 | var qualityToSelect = lowQuality.length - 3;
213 | if (e.data.value != null) {
214 | if (e.data.value.includes('original')) {
215 | e.data.value = OriginalVideoPlayerQuality;
216 | if (IsPlayerAutoQuality) {
217 | e.data.value = 'auto';
218 | }
219 | }
220 | if (e.data.value.includes('160p')) {
221 | qualityToSelect = 5;
222 | }
223 | if (e.data.value.includes('360p')) {
224 | qualityToSelect = 4;
225 | }
226 | if (e.data.value.includes('480p')) {
227 | qualityToSelect = 3;
228 | }
229 | if (e.data.value.includes('720p')) {
230 | qualityToSelect = 2;
231 | }
232 | if (e.data.value.includes('822p')) {
233 | qualityToSelect = 2;
234 | }
235 | if (e.data.value.includes('864p')) {
236 | qualityToSelect = 2;
237 | }
238 | if (e.data.value.includes('900p')) {
239 | qualityToSelect = 2;
240 | }
241 | if (e.data.value.includes('936p')) {
242 | qualityToSelect = 2;
243 | }
244 | if (e.data.value.includes('960p')) {
245 | qualityToSelect = 2;
246 | }
247 | if (e.data.value.includes('1080p')) {
248 | qualityToSelect = 2;
249 | }
250 | if (e.data.value.includes('source')) {
251 | qualityToSelect = 1;
252 | }
253 | if (e.data.value.includes('auto')) {
254 | qualityToSelect = 0;
255 | }
256 | }
257 | var currentQualityLS = window.localStorage.getItem('video-quality');
258 |
259 | lowQuality[qualityToSelect].click();
260 | window.localStorage.setItem('video-quality', currentQualityLS);
261 |
262 | if (e.data.value != null) {
263 | OriginalVideoPlayerQuality = null;
264 | IsPlayerAutoQuality = null;
265 | doTwitchPlayerTask(false, false, false, true, true);
266 | }
267 | }
268 |
269 | }
270 | }
271 | }
272 | }
273 | } catch (err) {
274 | OriginalVideoPlayerQuality = null;
275 | IsPlayerAutoQuality = null;
276 | }
277 | }
278 | };
279 |
280 | function getAdBlockDiv() {
281 | //To display a notification to the user, that an ad is being blocked.
282 | var playerRootDiv = document.querySelector('.video-player');
283 | var adBlockDiv = null;
284 | if (playerRootDiv != null) {
285 | adBlockDiv = playerRootDiv.querySelector('.adblock-overlay');
286 | if (adBlockDiv == null) {
287 | adBlockDiv = document.createElement('div');
288 | adBlockDiv.className = 'adblock-overlay';
289 | adBlockDiv.innerHTML = '
';
290 | adBlockDiv.style.display = 'none';
291 | adBlockDiv.P = adBlockDiv.querySelector('p');
292 | playerRootDiv.appendChild(adBlockDiv);
293 | }
294 | }
295 | return adBlockDiv;
296 | }
297 | }
298 | };
299 |
300 | function getWasmWorkerUrl(twitchBlobUrl) {
301 | var req = new XMLHttpRequest();
302 | req.open('GET', twitchBlobUrl, false);
303 | req.send();
304 | return req.responseText.split("'")[1];
305 | }
306 |
307 | function hookWorkerFetch() {
308 | console.log('Twitch adblocker is enabled');
309 | var realFetch = fetch;
310 | fetch = async function(url, options) {
311 | if (typeof url === 'string') {
312 | if (url.includes('video-weaver')) {
313 | return new Promise(function(resolve, reject) {
314 | var processAfter = async function(response) {
315 | //Here we check the m3u8 for any ads and also try fallback player types if needed.
316 |
317 | var responseText = await response.text();
318 | var weaverText = null;
319 |
320 | weaverText = await processM3U8(url, responseText, realFetch, PlayerType2);
321 | if (weaverText.includes(AdSignifier)) {
322 | weaverText = await processM3U8(url, responseText, realFetch, PlayerType3);
323 | }
324 | if (weaverText.includes(AdSignifier)) {
325 | weaverText = await processM3U8(url, responseText, realFetch, PlayerType4);
326 | }
327 |
328 | resolve(new Response(weaverText));
329 | };
330 | var send = function() {
331 | return realFetch(url, options).then(function(response) {
332 | processAfter(response);
333 | })['catch'](function(err) {
334 | reject(err);
335 | });
336 | };
337 | send();
338 | });
339 | } else if (url.includes('/api/channel/hls/')) {
340 | var channelName = (new URL(url)).pathname.match(/([^\/]+)(?=\.\w+$)/)[0];
341 | UsherParams = (new URL(url)).search;
342 | CurrentChannelName = channelName;
343 | //To prevent pause/resume loop for mid-rolls.
344 | var isPBYPRequest = url.includes('picture-by-picture');
345 | if (isPBYPRequest) {
346 | url = '';
347 | }
348 | return new Promise(function(resolve, reject) {
349 | var processAfter = async function(response) {
350 | if (response.status == 200) {
351 | encodingsM3u8 = await response.text();
352 | var streamInfo = StreamInfos[channelName];
353 | if (streamInfo == null) {
354 | StreamInfos[channelName] = streamInfo = {};
355 | }
356 | streamInfo.ChannelName = channelName;
357 | streamInfo.Urls = [];// xxx.m3u8 -> { Resolution: "284x160", FrameRate: 30.0 }
358 | streamInfo.EncodingsM3U8Cache = [];
359 | streamInfo.EncodingsM3U8 = encodingsM3u8;
360 | var lines = encodingsM3u8.replace('\r', '').split('\n');
361 | for (var i = 0; i < lines.length; i++) {
362 | if (!lines[i].startsWith('#') && lines[i].includes('.m3u8')) {
363 | streamInfo.Urls[lines[i]] = -1;
364 | if (i > 0 && lines[i - 1].startsWith('#EXT-X-STREAM-INF')) {
365 | var attributes = parseAttributes(lines[i - 1]);
366 | var resolution = attributes['RESOLUTION'];
367 | var frameRate = attributes['FRAME-RATE'];
368 | if (resolution) {
369 | streamInfo.Urls[lines[i]] = {
370 | Resolution: resolution,
371 | FrameRate: frameRate
372 | };
373 | }
374 | }
375 | StreamInfosByUrl[lines[i]] = streamInfo;
376 | MainUrlByUrl[lines[i]] = url;
377 | }
378 | }
379 | resolve(new Response(encodingsM3u8));
380 | } else {
381 | resolve(response);
382 | }
383 | };
384 | var send = function() {
385 | return realFetch(url, options).then(function(response) {
386 | processAfter(response);
387 | })['catch'](function(err) {
388 | reject(err);
389 | });
390 | };
391 | send();
392 | });
393 | }
394 | }
395 | return realFetch.apply(this, arguments);
396 | };
397 | }
398 |
399 | function getStreamUrlForResolution(encodingsM3u8, resolutionInfo, qualityOverrideStr) {
400 | var qualityOverride = 0;
401 | if (qualityOverrideStr && qualityOverrideStr.endsWith('p')) {
402 | qualityOverride = qualityOverrideStr.substr(0, qualityOverrideStr.length - 1) | 0;
403 | }
404 | var qualityOverrideFoundQuality = 0;
405 | var qualityOverrideFoundFrameRate = 0;
406 | var encodingsLines = encodingsM3u8.replace('\r', '').split('\n');
407 | var firstUrl = null;
408 | var lastUrl = null;
409 | var matchedResolutionUrl = null;
410 | var matchedFrameRate = false;
411 | for (var i = 0; i < encodingsLines.length; i++) {
412 | if (!encodingsLines[i].startsWith('#') && encodingsLines[i].includes('.m3u8')) {
413 | if (i > 0 && encodingsLines[i - 1].startsWith('#EXT-X-STREAM-INF')) {
414 | var attributes = parseAttributes(encodingsLines[i - 1]);
415 | var resolution = attributes['RESOLUTION'];
416 | var frameRate = attributes['FRAME-RATE'];
417 | if (resolution) {
418 | if (qualityOverride) {
419 | var quality = resolution.toLowerCase().split('x')[1];
420 | if (quality == qualityOverride) {
421 | qualityOverrideFoundQuality = quality;
422 | qualityOverrideFoundFrameRate = frameRate;
423 | matchedResolutionUrl = encodingsLines[i];
424 | if (frameRate < 40) {
425 | //console.log(`qualityOverride(A) quality:${quality} frameRate:${frameRate}`);
426 | return matchedResolutionUrl;
427 | }
428 | } else if (quality < qualityOverride) {
429 | //if (matchedResolutionUrl) {
430 | // console.log(`qualityOverride(B) quality:${qualityOverrideFoundQuality} frameRate:${qualityOverrideFoundFrameRate}`);
431 | //} else {
432 | // console.log(`qualityOverride(C) quality:${quality} frameRate:${frameRate}`);
433 | //}
434 | return matchedResolutionUrl ? matchedResolutionUrl : encodingsLines[i];
435 | }
436 | } else if ((!resolutionInfo || resolution == resolutionInfo.Resolution) &&
437 | (!matchedResolutionUrl || (!matchedFrameRate && frameRate == resolutionInfo.FrameRate))) {
438 | matchedResolutionUrl = encodingsLines[i];
439 | matchedFrameRate = frameRate == resolutionInfo.FrameRate;
440 | if (matchedFrameRate) {
441 | return matchedResolutionUrl;
442 | }
443 | }
444 | }
445 | if (firstUrl == null) {
446 | firstUrl = encodingsLines[i];
447 | }
448 | lastUrl = encodingsLines[i];
449 | }
450 | }
451 | }
452 | if (qualityOverride) {
453 | return lastUrl;
454 | }
455 | return matchedResolutionUrl ? matchedResolutionUrl : firstUrl;
456 | }
457 |
458 | async function getStreamForResolution(streamInfo, resolutionInfo, encodingsM3u8, fallbackStreamStr, playerType, realFetch) {
459 | var qualityOverride = null;
460 | if (playerType === 'proxy') {
461 | qualityOverride = TwitchAdblockSettings.ProxyQuality ? TwitchAdblockSettings.ProxyQuality : DefaultProxyQuality;
462 | }
463 | if (streamInfo.EncodingsM3U8Cache[playerType].Resolution != resolutionInfo.Resolution ||
464 | streamInfo.EncodingsM3U8Cache[playerType].RequestTime < Date.now() - EncodingCacheTimeout) {
465 | console.log(`Blocking ads (type:${playerType}, resolution:${resolutionInfo.Resolution}, frameRate:${resolutionInfo.FrameRate}, qualityOverride:${qualityOverride})`);
466 | }
467 | streamInfo.EncodingsM3U8Cache[playerType].RequestTime = Date.now();
468 | streamInfo.EncodingsM3U8Cache[playerType].Value = encodingsM3u8;
469 | streamInfo.EncodingsM3U8Cache[playerType].Resolution = resolutionInfo.Resolution;
470 | var streamM3u8Url = getStreamUrlForResolution(encodingsM3u8, resolutionInfo, qualityOverride);
471 | var streamM3u8Response = await realFetch(streamM3u8Url);
472 | if (streamM3u8Response.status == 200) {
473 | var m3u8Text = await streamM3u8Response.text();
474 | WasShowingAd = true;
475 | postMessage({
476 | key: 'ShowAdBlockBanner'
477 | });
478 | postMessage({
479 | key: 'ForceChangeQuality'
480 | });
481 |
482 | if (!m3u8Text || m3u8Text.includes(AdSignifier)) {
483 | streamInfo.EncodingsM3U8Cache[playerType].Value = null;
484 | }
485 |
486 | return m3u8Text;
487 | } else {
488 | streamInfo.EncodingsM3U8Cache[playerType].Value = null;
489 | return fallbackStreamStr;
490 | }
491 | }
492 |
493 | function stripUnusedParams(str, params) {
494 | if (!params) {
495 | params = [ 'token', 'sig' ];
496 | }
497 | var tempUrl = new URL('https://localhost/' + str);
498 | for (var i = 0; i < params.length; i++) {
499 | tempUrl.searchParams.delete(params[i]);
500 | }
501 | return tempUrl.pathname.substring(1) + tempUrl.search;
502 | }
503 |
504 | async function processM3U8(url, textStr, realFetch, playerType) {
505 | //Checks the m3u8 for ads and if it finds one, instead returns an ad-free stream.
506 |
507 | var streamInfo = StreamInfosByUrl[url];
508 |
509 | //Ad blocking for squad streams is disabled due to the way multiple weaver urls are used. No workaround so far.
510 | if (IsSquadStream == true) {
511 | return textStr;
512 | }
513 |
514 | if (!textStr) {
515 | return textStr;
516 | }
517 |
518 | //Some live streams use mp4.
519 | if (!textStr.includes('.ts') && !textStr.includes('.mp4')) {
520 | return textStr;
521 | }
522 |
523 | var haveAdTags = textStr.includes(AdSignifier);
524 |
525 | if (haveAdTags) {
526 |
527 | var isMidroll = textStr.includes('"MIDROLL"') || textStr.includes('"midroll"');
528 |
529 | //Reduces ad frequency. TODO: Reduce the number of requests. This is really spamming Twitch with requests.
530 | if (!isMidroll) {
531 | try {
532 | //tryNotifyTwitch(textStr);
533 | } catch (err) {}
534 | }
535 |
536 | var currentResolution = null;
537 | if (streamInfo && streamInfo.Urls) {
538 | for (const [resUrl, resInfo] of Object.entries(streamInfo.Urls)) {
539 | if (resUrl == url) {
540 | currentResolution = resInfo;
541 | //console.log(resInfo.Resolution);
542 | break;
543 | }
544 | }
545 | }
546 |
547 | // Keep the m3u8 around for a little while (once per ad) before requesting a new one
548 | var encodingsM3U8Cache = streamInfo.EncodingsM3U8Cache[playerType];
549 | if (encodingsM3U8Cache) {
550 | if (encodingsM3U8Cache.Value && encodingsM3U8Cache.RequestTime >= Date.now() - EncodingCacheTimeout) {
551 | try {
552 | var result = getStreamForResolution(streamInfo, currentResolution, encodingsM3U8Cache.Value, null, playerType, realFetch);
553 | if (result) {
554 | return result;
555 | }
556 | } catch (err) {
557 | encodingsM3U8Cache.Value = null;
558 | }
559 | }
560 | } else {
561 | streamInfo.EncodingsM3U8Cache[playerType] = {
562 | RequestTime: Date.now(),
563 | Value: null,
564 | Resolution: null
565 | };
566 | }
567 |
568 | if (playerType === 'proxy') {
569 | try {
570 | var proxyType = TwitchAdblockSettings.ProxyType ? TwitchAdblockSettings.ProxyType : DefaultProxyType;
571 | var encodingsM3u8Response = null;
572 | /*var tempUrl = stripUnusedParams(MainUrlByUrl[url]);
573 | const match = /(hls|vod)\/(.+?)$/gim.exec(tempUrl);*/
574 | switch (proxyType) {
575 | case 'TTV LOL':
576 | encodingsM3u8Response = await realFetch('https://api.ttv.lol/playlist/' + CurrentChannelName + '.m3u8%3Fallow_source%3Dtrue'/* + encodeURIComponent(match[2])*/, {headers: {'X-Donate-To': 'https://ttv.lol/donate'}});
577 | break;
578 | /*case 'Purple Adblock':// Broken...
579 | encodingsM3u8Response = await realFetch('https://eu1.jupter.ga/channel/' + CurrentChannelName);*/
580 | case 'Falan':// https://greasyfork.org/en/scripts/425139-twitch-ad-fix/code
581 | encodingsM3u8Response = await realFetch(atob('aHR0cHM6Ly9qaWdnbGUuYmV5cGF6YXJpZ3VydXN1LndvcmtlcnMuZGV2') + '/hls/' + CurrentChannelName + '.m3u8%3Fallow_source%3Dtrue'/* + encodeURIComponent(match[2])*/);
582 | break;
583 | }
584 | if (encodingsM3u8Response && encodingsM3u8Response.status === 200) {
585 | return getStreamForResolution(streamInfo, currentResolution, await encodingsM3u8Response.text(), textStr, playerType, realFetch);
586 | }
587 | } catch (err) {}
588 | return textStr;
589 | }
590 |
591 | var accessTokenResponse = await getAccessToken(CurrentChannelName, playerType);
592 | if (accessTokenResponse.status === 200) {
593 | var accessToken = await accessTokenResponse.json();
594 | try {
595 | var urlInfo = new URL('https://usher.ttvnw.net/api/channel/hls/' + CurrentChannelName + '.m3u8' + UsherParams);
596 | urlInfo.searchParams.set('sig', accessToken.data.streamPlaybackAccessToken.signature);
597 | urlInfo.searchParams.set('token', accessToken.data.streamPlaybackAccessToken.value);
598 | var encodingsM3u8Response = await realFetch(urlInfo.href);
599 | if (encodingsM3u8Response.status === 200) {
600 | return getStreamForResolution(streamInfo, currentResolution, await encodingsM3u8Response.text(), textStr, playerType, realFetch);
601 | } else {
602 | return textStr;
603 | }
604 | } catch (err) {}
605 | return textStr;
606 | } else {
607 | return textStr;
608 | }
609 | } else {
610 | if (WasShowingAd) {
611 | console.log('Finished blocking ads');
612 | WasShowingAd = false;
613 | //Here we put player back to original quality and remove the blocking message.
614 | postMessage({
615 | key: 'ForceChangeQuality',
616 | value: 'original'
617 | });
618 | postMessage({
619 | key: 'PauseResumePlayer'
620 | });
621 | postMessage({
622 | key: 'HideAdBlockBanner'
623 | });
624 | }
625 | return textStr;
626 | }
627 | return textStr;
628 | }
629 |
630 | function parseAttributes(str) {
631 | return Object.fromEntries(
632 | str.split(/(?:^|,)((?:[^=]*)=(?:"[^"]*"|[^,]*))/)
633 | .filter(Boolean)
634 | .map(x => {
635 | const idx = x.indexOf('=');
636 | const key = x.substring(0, idx);
637 | const value = x.substring(idx + 1);
638 | const num = Number(value);
639 | return [key, Number.isNaN(num) ? value.startsWith('"') ? JSON.parse(value) : value : num];
640 | }));
641 | }
642 |
643 | async function tryNotifyTwitch(streamM3u8) {
644 | //We notify that an ad was requested but was not visible and was also muted.
645 | var matches = streamM3u8.match(/#EXT-X-DATERANGE:(ID="stitched-ad-[^\n]+)\n/);
646 | if (matches.length > 1) {
647 | const attrString = matches[1];
648 | const attr = parseAttributes(attrString);
649 | var podLength = parseInt(attr['X-TV-TWITCH-AD-POD-LENGTH'] ? attr['X-TV-TWITCH-AD-POD-LENGTH'] : '1');
650 | var podPosition = parseInt(attr['X-TV-TWITCH-AD-POD-POSITION'] ? attr['X-TV-TWITCH-AD-POD-POSITION'] : '0');
651 | var radToken = attr['X-TV-TWITCH-AD-RADS-TOKEN'];
652 | var lineItemId = attr['X-TV-TWITCH-AD-LINE-ITEM-ID'];
653 | var orderId = attr['X-TV-TWITCH-AD-ORDER-ID'];
654 | var creativeId = attr['X-TV-TWITCH-AD-CREATIVE-ID'];
655 | var adId = attr['X-TV-TWITCH-AD-ADVERTISER-ID'];
656 | var rollType = attr['X-TV-TWITCH-AD-ROLL-TYPE'].toLowerCase();
657 | const baseData = {
658 | stitched: true,
659 | roll_type: rollType,
660 | player_mute: true,
661 | player_volume: 0.0,
662 | visible: false,
663 | };
664 | for (let podPosition = 0; podPosition < podLength; podPosition++) {
665 | const extendedData = {
666 | ...baseData,
667 | ad_id: adId,
668 | ad_position: podPosition,
669 | duration: 0,
670 | creative_id: creativeId,
671 | total_ads: podLength,
672 | order_id: orderId,
673 | line_item_id: lineItemId,
674 | };
675 | await gqlRequest(adRecordgqlPacket('video_ad_impression', radToken, extendedData));
676 | for (let quartile = 0; quartile < 4; quartile++) {
677 | await gqlRequest(
678 | adRecordgqlPacket('video_ad_quartile_complete', radToken, {
679 | ...extendedData,
680 | quartile: quartile + 1,
681 | })
682 | );
683 | }
684 | await gqlRequest(adRecordgqlPacket('video_ad_pod_complete', radToken, baseData));
685 | }
686 | }
687 | }
688 |
689 | function adRecordgqlPacket(event, radToken, payload) {
690 | return [{
691 | operationName: 'ClientSideAdEventHandling_RecordAdEvent',
692 | variables: {
693 | input: {
694 | eventName: event,
695 | eventPayload: JSON.stringify(payload),
696 | radToken,
697 | },
698 | },
699 | extensions: {
700 | persistedQuery: {
701 | version: 1,
702 | sha256Hash: '7e6c69e6eb59f8ccb97ab73686f3d8b7d85a72a0298745ccd8bfc68e4054ca5b',
703 | },
704 | },
705 | }];
706 | }
707 |
708 | function getAccessToken(channelName, playerType, realFetch) {
709 | var body = null;
710 | var templateQuery = 'query PlaybackAccessToken_Template($login: String!, $isLive: Boolean!, $vodID: ID!, $isVod: Boolean!, $playerType: String!) { streamPlaybackAccessToken(channelName: $login, params: {platform: "web", playerBackend: "mediaplayer", playerType: $playerType}) @include(if: $isLive) { value signature __typename } videoPlaybackAccessToken(id: $vodID, params: {platform: "web", playerBackend: "mediaplayer", playerType: $playerType}) @include(if: $isVod) { value signature __typename }}';
711 | body = {
712 | operationName: 'PlaybackAccessToken_Template',
713 | query: templateQuery,
714 | variables: {
715 | 'isLive': true,
716 | 'login': channelName,
717 | 'isVod': false,
718 | 'vodID': '',
719 | 'playerType': playerType
720 | }
721 | };
722 | return gqlRequest(body, realFetch);
723 | }
724 |
725 | function gqlRequest(body, realFetch) {
726 | var fetchFunc = realFetch ? realFetch : fetch;
727 | if (!GQLDeviceID) {
728 | var dcharacters = 'abcdefghijklmnopqrstuvwxyz0123456789';
729 | var dcharactersLength = dcharacters.length;
730 | for (var i = 0; i < 32; i++) {
731 | GQLDeviceID += dcharacters.charAt(Math.floor(Math.random() * dcharactersLength));
732 | }
733 | }
734 | return fetchFunc('https://gql.twitch.tv/gql', {
735 | method: 'POST',
736 | body: JSON.stringify(body),
737 | headers: {
738 | 'Client-ID': ClientID,
739 | 'Device-ID': GQLDeviceID,
740 | 'X-Device-Id': GQLDeviceID,
741 | 'Client-Version': ClientVersion,
742 | 'Client-Session-Id': ClientSession
743 | }
744 | });
745 | }
746 |
747 | function doTwitchPlayerTask(isPausePlay, isCheckQuality, isCorrectBuffer, isAutoQuality, setAutoQuality) {
748 | //This will do an instant pause/play to return to original quality once the ad is finished.
749 | //We also use this function to get the current video player quality set by the user.
750 | //We also use this function to quickly pause/play the player when switching tabs to stop delays.
751 | try {
752 | var videoController = null;
753 | var videoPlayer = null;
754 |
755 | function findReactNode(root, constraint) {
756 | if (root.stateNode && constraint(root.stateNode)) {
757 | return root.stateNode;
758 | }
759 | let node = root.child;
760 | while (node) {
761 | const result = findReactNode(node, constraint);
762 | if (result) {
763 | return result;
764 | }
765 | node = node.sibling;
766 | }
767 | return null;
768 | }
769 | var reactRootNode = null;
770 | var rootNode = document.querySelector('#root');
771 | if (rootNode && rootNode._reactRootContainer && rootNode._reactRootContainer._internalRoot && rootNode._reactRootContainer._internalRoot.current) {
772 | reactRootNode = rootNode._reactRootContainer._internalRoot.current;
773 | }
774 | videoPlayer = findReactNode(reactRootNode, node => node.setPlayerActive && node.props && node.props.mediaPlayerInstance);
775 | videoPlayer = videoPlayer && videoPlayer.props && videoPlayer.props.mediaPlayerInstance ? videoPlayer.props.mediaPlayerInstance : null;
776 |
777 | if (isPausePlay) {
778 | videoPlayer.pause();
779 | videoPlayer.play();
780 | return;
781 | }
782 | if (isCheckQuality) {
783 | if (typeof videoPlayer.getQuality() == 'undefined') {
784 | return;
785 | }
786 | var playerQuality = JSON.stringify(videoPlayer.getQuality());
787 | if (playerQuality) {
788 | return playerQuality;
789 | } else {
790 | return;
791 | }
792 | }
793 | if (isAutoQuality) {
794 | if (typeof videoPlayer.isAutoQualityMode() == 'undefined') {
795 | return false;
796 | }
797 | var autoQuality = videoPlayer.isAutoQualityMode();
798 | if (autoQuality) {
799 | videoPlayer.setAutoQualityMode(false);
800 | return autoQuality;
801 | } else {
802 | return false;
803 | }
804 | }
805 | if (setAutoQuality) {
806 | videoPlayer.setAutoQualityMode(true);
807 | return;
808 | }
809 | //This only happens when switching tabs and is to correct the high latency caused when opening background tabs and going to them at a later time.
810 | //We check that this is a live stream by the page URL, to prevent vod/clip pause/plays.
811 | try {
812 | var currentPageURL = document.URL;
813 | var isLive = true;
814 | if (currentPageURL.includes('videos/') || currentPageURL.includes('clip/')) {
815 | isLive = false;
816 | }
817 | if (isCorrectBuffer && isLive) {
818 | //A timer is needed due to the player not resuming without it.
819 | setTimeout(function() {
820 | //If latency to broadcaster is above 5 or 15 seconds upon switching tabs, we pause and play the player to reset the latency.
821 | //If latency is between 0-6, user can manually pause and resume to reset latency further.
822 | if (videoPlayer.isLiveLowLatency() && videoPlayer.getLiveLatency() > 5) {
823 | videoPlayer.pause();
824 | videoPlayer.play();
825 | } else if (videoPlayer.getLiveLatency() > 15) {
826 | videoPlayer.pause();
827 | videoPlayer.play();
828 | }
829 | }, 3000);
830 | }
831 | } catch (err) {}
832 | } catch (err) {}
833 | }
834 |
835 | var localDeviceID = null;
836 | localDeviceID = window.localStorage.getItem('local_copy_unique_id');
837 |
838 | function hookFetch() {
839 | var realFetch = window.fetch;
840 | window.fetch = function(url, init, ...args) {
841 | if (typeof url === 'string') {
842 | //Check if squad stream.
843 | if (window.location.pathname.includes('/squad')) {
844 | if (twitchMainWorker) {
845 | twitchMainWorker.postMessage({
846 | key: 'UpdateIsSquadStream',
847 | value: true
848 | });
849 | }
850 | } else {
851 | if (twitchMainWorker) {
852 | twitchMainWorker.postMessage({
853 | key: 'UpdateIsSquadStream',
854 | value: false
855 | });
856 | }
857 | }
858 | if (url.includes('/access_token') || url.includes('gql')) {
859 | //Device ID is used when notifying Twitch of ads.
860 | var deviceId = init.headers['X-Device-Id'];
861 | if (typeof deviceId !== 'string') {
862 | deviceId = init.headers['Device-ID'];
863 | }
864 | //Added to prevent eventual UBlock conflicts.
865 | if (typeof deviceId === 'string' && !deviceId.includes('twitch-web-wall-mason')) {
866 | GQLDeviceID = deviceId;
867 | } else if (localDeviceID) {
868 | GQLDeviceID = localDeviceID.replace('"', '');
869 | GQLDeviceID = GQLDeviceID.replace('"', '');
870 | }
871 | if (GQLDeviceID && twitchMainWorker) {
872 | if (typeof init.headers['X-Device-Id'] === 'string') {
873 | init.headers['X-Device-Id'] = GQLDeviceID;
874 | }
875 | if (typeof init.headers['Device-ID'] === 'string') {
876 | init.headers['Device-ID'] = GQLDeviceID;
877 | }
878 | twitchMainWorker.postMessage({
879 | key: 'UpdateDeviceId',
880 | value: GQLDeviceID
881 | });
882 | }
883 | //Client version is used in GQL requests.
884 | var clientVersion = init.headers['Client-Version'];
885 | if (clientVersion && typeof clientVersion == 'string') {
886 | ClientVersion = clientVersion;
887 | }
888 | if (ClientVersion && twitchMainWorker) {
889 | twitchMainWorker.postMessage({
890 | key: 'UpdateClientVersion',
891 | value: ClientVersion
892 | });
893 | }
894 | //Client session is used in GQL requests.
895 | var clientSession = init.headers['Client-Session-Id'];
896 | if (clientSession && typeof clientSession == 'string') {
897 | ClientSession = clientSession;
898 | }
899 | if (ClientSession && twitchMainWorker) {
900 | twitchMainWorker.postMessage({
901 | key: 'UpdateClientSession',
902 | value: ClientSession
903 | });
904 | }
905 | //Client ID is used in GQL requests.
906 | if (url.includes('gql') && init && typeof init.body === 'string' && init.body.includes('PlaybackAccessToken')) {
907 | var clientId = init.headers['Client-ID'];
908 | if (clientId && typeof clientId == 'string') {
909 | ClientID = clientId;
910 | } else {
911 | clientId = init.headers['Client-Id'];
912 | if (clientId && typeof clientId == 'string') {
913 | ClientID = clientId;
914 | }
915 | }
916 | if (ClientID && twitchMainWorker) {
917 | twitchMainWorker.postMessage({
918 | key: 'UpdateClientId',
919 | value: ClientID
920 | });
921 | }
922 | }
923 | //To prevent pause/resume loop for mid-rolls.
924 | if (url.includes('gql') && init && typeof init.body === 'string' && init.body.includes('PlaybackAccessToken') && init.body.includes('picture-by-picture')) {
925 | init.body = '';
926 | }
927 | var isPBYPRequest = url.includes('picture-by-picture');
928 | if (isPBYPRequest) {
929 | url = '';
930 | }
931 | }
932 | }
933 | return realFetch.apply(this, arguments);
934 | };
935 | }
936 | hookFetch();
937 | }
938 |
939 | function appendBlockingScript() {
940 | var script = document.createElement('script');
941 | script.appendChild(document.createTextNode('(' + removeVideoAds + ')();'));
942 | (document.body || document.head || document.documentElement).appendChild(script);
943 | updateSettings();
944 | }
945 |
946 | if (isFirefox) {
947 | var onOff = browser.storage.sync.get('onOffTTV');
948 | onOff.then((res) => {
949 | if (res && res.onOffTTV) {
950 | if (res.onOffTTV == 'true') {
951 | appendBlockingScript();
952 | }
953 | } else {
954 | appendBlockingScript();
955 | }
956 | }, err => {
957 | appendBlockingScript();
958 | });
959 | } else {
960 | chrome.storage.local.get(['onOffTTV'], function(result) {
961 | if (chrome.runtime.lastError) {
962 | appendBlockingScript();
963 | return;
964 | }
965 | if (result && result.onOffTTV) {
966 | if (result.onOffTTV == 'true') {
967 | appendBlockingScript();
968 | }
969 | } else {
970 | appendBlockingScript();
971 | }
972 | });
973 | }
--------------------------------------------------------------------------------
/firefox/icons/twitch-adblock-32x32.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/muleyo/VideoAdBlockForTwitch/145921a822e830da62d39e36e8aafb8ef22c7be6/firefox/icons/twitch-adblock-32x32.png
--------------------------------------------------------------------------------
/firefox/icons/twitch-adblock-48x48.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/muleyo/VideoAdBlockForTwitch/145921a822e830da62d39e36e8aafb8ef22c7be6/firefox/icons/twitch-adblock-48x48.png
--------------------------------------------------------------------------------
/firefox/icons/twitch-adblock-96x96.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/muleyo/VideoAdBlockForTwitch/145921a822e830da62d39e36e8aafb8ef22c7be6/firefox/icons/twitch-adblock-96x96.png
--------------------------------------------------------------------------------
/firefox/manifest.json:
--------------------------------------------------------------------------------
1 | {
2 | "description": "Blocks Ads on Twitch.tv.",
3 | "manifest_version": 2,
4 | "name": "Twitch Adblock",
5 | "version": "5.6.0",
6 | "icons": {
7 | "48": "icons/twitch-adblock-48x48.png",
8 | "96": "icons/twitch-adblock-96x96.png"
9 | },
10 | "browser_action": {
11 | "default_icon": "icons/twitch-adblock-32x32.png",
12 | "default_title": "Twitch Adblock",
13 | "default_popup": "popup/index.html"
14 | },
15 | "options_ui": {
16 | "page": "popup/index.html",
17 | "browser_style": false,
18 | "chrome_style": false
19 | },
20 | "permissions": [
21 | "webRequest",
22 | "webRequestBlocking",
23 | "storage",
24 | "https://*.twitch.tv/*",
25 | "https://*.amazon-adsystem.com/*", "https://cdn.krxd.net/*", "https://script.ioam.de/iam.js", "https://edge.quantserve.com/quant.js", "https://ddacn6pr5v0tl.cloudfront.net/custom-moat-video-native.min.js", "https://d2v02itv0y9u9t.cloudfront.net/dist/1.0.5/v6s.js", "https://*.imrworldwide.com/*", "https://countess.twitch.tv/*", "https://*.scorecardresearch.com/*", "https://www.googletagservices.com/tag/js/gpt.js", "*://*.branch.io/*", "*://comscore.com/*"
26 | ],
27 | "browser_specific_settings": {
28 | "gecko": {
29 | "id": "{c961a5ba-dc89-44e9-9e52-93318dd95378}",
30 | "strict_min_version": "57.0"
31 | }
32 | },
33 | "background": {
34 | "scripts": ["background.js"]
35 | },
36 | "content_scripts": [{
37 | "matches": ["https://*.twitch.tv/*"],
38 | "run_at": "document_start",
39 | "js": ["content.js"]
40 | }]
41 | }
--------------------------------------------------------------------------------
/firefox/popup/discord.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/muleyo/VideoAdBlockForTwitch/145921a822e830da62d39e36e8aafb8ef22c7be6/firefox/popup/discord.png
--------------------------------------------------------------------------------
/firefox/popup/github.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/muleyo/VideoAdBlockForTwitch/145921a822e830da62d39e36e8aafb8ef22c7be6/firefox/popup/github.png
--------------------------------------------------------------------------------
/firefox/popup/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
104 |
105 |
157 |
158 |
159 |
160 |
--------------------------------------------------------------------------------
/firefox/popup/install.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
105 | 106 | Twitch Adblocker Off / On 107 | 111 |
112 |113 | "Blocking Ads" message Off / On 114 | 118 |
119 | 131 |132 | Proxy 133 | 139 |
140 |141 | Proxy quality 142 | 150 |
151 |Whenever you change a setting, you have to reload the Twitch tab(s).
152 |
153 |
154 |
155 |
103 |
104 |
158 |
159 |
160 |
161 |
--------------------------------------------------------------------------------
/firefox/popup/logo.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/muleyo/VideoAdBlockForTwitch/145921a822e830da62d39e36e8aafb8ef22c7be6/firefox/popup/logo.png
--------------------------------------------------------------------------------
/firefox/popup/popupjs.js:
--------------------------------------------------------------------------------
1 | 'use strict';
2 |
3 | const isChromium = typeof window.chrome !== 'undefined';
4 | const isFirefox = typeof window.browser !== 'undefined';
5 | const browser = isFirefox ? window.browser : window.chrome;
6 |
7 | var onOff = document.querySelector('input[name=checkbox_ad]');
8 | var blockingMessage = document.querySelector('input[name=checkbox_ad_msg]');
9 | var forcedQuality = document.querySelector('select[name=dropdown_forced_quality]');
10 | var proxy = document.querySelector('select[name=dropdown_proxy]');
11 | var proxyQuality = document.querySelector('select[name=dropdown_proxy_quality]');
12 |
13 | var allSettingsElements = [onOff,blockingMessage,forcedQuality,proxy,proxyQuality];
14 |
15 | for (var i = 0; i < allSettingsElements.length; i++) {
16 | if (allSettingsElements[i]) {
17 | allSettingsElements[i].addEventListener('change', function() {
18 | saveOptions();
19 | });
20 | }
21 | }
22 |
23 | function saveOptions() {
24 | chrome.storage.local.set({onOffTTV: onOff.checked ? 'true' : 'false'});
25 | chrome.storage.local.set({blockingMessageTTV: blockingMessage.checked ? 'true' : 'false'});
26 | //chrome.storage.local.set({forcedQualityTTV: forcedQuality.options[forcedQuality.selectedIndex].text});
27 | chrome.storage.local.set({proxyTTV: proxy.options[proxy.selectedIndex].text});
28 | chrome.storage.local.set({proxyQualityTTV: proxyQuality.options[proxyQuality.selectedIndex].text});
29 | }
30 |
31 | function restoreOptions() {
32 | restoreToggle('onOffTTV', onOff);
33 | restoreToggle('blockingMessageTTV', blockingMessage);
34 | //restoreDropdown('forcedQualityTTV', forcedQuality);
35 | restoreDropdown('proxyTTV', proxy);
36 | restoreDropdown('proxyQualityTTV', proxyQuality);
37 | }
38 |
39 | function restoreToggle(name, toggle) {
40 | chrome.storage.local.get([name], function(result) {
41 | if (result[name]) {
42 | toggle.checked = result[name] == 'true';
43 | }
44 | });
45 | }
46 |
47 | function restoreDropdown(name, dropdown) {
48 | chrome.storage.local.get([name], function(result) {
49 | if (result[name]) {
50 | var items = Array.from(dropdown.options).filter(item => item.text == result[name]);
51 | if (items.length == 1) {
52 | dropdown.selectedIndex = items[0].index;
53 | }
54 | }
55 | });
56 | }
57 |
58 | document.addEventListener('DOMContentLoaded', restoreOptions);
--------------------------------------------------------------------------------
104 | Thank you for installing Twitch Adblock!
105 |In order to provide full functionality, please make sure that you disable any other Adblocker for Twitch.
106 |107 | Twitch Adblocker Off / On 108 | 112 |
113 |114 | "Blocking Ads" message Off / On 115 | 119 |
120 | 132 |133 | Proxy 134 | 140 |
141 |142 | Proxy quality 143 | 151 |
152 |You can access these settings at any time by clicking on the extension icon.
153 |
154 |
155 |
156 |