Greasy Fork is available in English.

Auto-Select YouTube Subtitles by Sapioit

Automatically selects the YouTube subtitles with the text "English (auto-generated)"

// ==UserScript==
// @name         Auto-Select YouTube Subtitles by Sapioit
// @namespace    Sapioit
// @copyright    Sapioit, 2020 - Present
// @author       sapioitgmail.com
// @license      GPL-2.0-only; http://www.gnu.org/licenses/gpl-2.0.txt
// @version      2.15.0.3
// @description  Automatically selects the YouTube subtitles with the text "English (auto-generated)"
// @match        https://*.youtube.com/*
// @match        https://youtube.com/*
// @match        https://youtu.be/*
// @icon         https://youtube.com/favicon.ico
// @grant        none
// ==/UserScript==


var changed_page_= false;
document.addEventListener('spfdone', function() {
  changed_page_ = true;
  //alert("changed link 1 spfdone");
});
document.addEventListener('transitionend', function(e) {
  //alert("changed link 2 transitionend");
  if (e.target.id === 'progress'){
    changed_page_ = true;
    //alert("changed link 2 transitionend progress");
  }
});
window.addEventListener('load', function () {
  changed_page_ = true;
  //alert("changed link 3 load");
});

window.addEventListener('yt-page-data-updated', function () {
  changed_page_ = true;
  //alert("changed link 4 url change");
});

function changed_link_(){
  if (changed_page_) {
    changed_page_ = false;
    return true;
  }
  return false;
}


localStorage.setItem('currentTitleValue', null);
localStorage.setItem('consecutiveUnchangedCount', 0);
let isFocused = () => typeof document.hidden !== undefined ? !document.hidden : null;

let repeatInterval = 5000; // 1000 milliseconds = 1 second; 10000 milliseconds = 10 second;
let waitInterval = 5; // Adjust the delay (in milliseconds) if needed. 1000 = 1 second.

const userAgent = navigator.userAgent;

if (userAgent.includes("Chrome")) {
  // Code for Chrome
  console.log("Running on Chrome");
  // Change variables for Chrome
} else if (userAgent.includes("Edg")) {
  // Code for Edge (Chromium-based Edge)
  console.log("Running on Edge");
  // Change variables for Edge
  let repeatInterval = 500; // 1000 milliseconds = 1 second; 10000 milliseconds = 10 second;
  let waitInterval = 1; // Adjust the delay (in milliseconds) if needed. 1000 = 1 second.
} else {
  // Code for other browsers
  console.log("Running on a different browser");
  // Change variables for other browsers
}
setTimeout(() => {
  document.querySelectorAll('.ytp-settings-button').click();
  setTimeout(() => {
    document.querySelectorAll('.ytp-settings-button').click();
  }, waitInterval);
}, waitInterval);


function title_has_changed (count = 3) {
  console.info("%cAuto-Select YouTube Subtitles by Sapioit: changed_link(): %c" + changed_page_, "color: yellow; background-color: black;", "color: cyan");
  console.info("%cAuto-Select YouTube Subtitles by Sapioit: title_has_changed: %cChecking title.", "color: yellow; background-color: black;", "color: white");
  if (localStorage.getItem('currentTitleValue') === null) {
    console.info("%cAuto-Select YouTube Subtitles by Sapioit: title_has_changed: %cClicking the settigns button twice.", "color: yellow; background-color: black;", "color: white");
  }

  // Check if the value of the title (the first "yt-formatted-string.style-scope.ytd-watch-metadata" element) has changed
  let currentTitleValue = document.querySelector('h1 yt-formatted-string.style-scope.ytd-watch-metadata');
  //let currentTitle = currentTitleValue ? currentTitleValue.innerHTML : '';
  currentTitleValue = currentTitleValue ? currentTitleValue.innerHTML : '';

  if ( currentTitleValue === null || (typeof currentTitleValue) === 'undefined' || !currentTitleValue || currentTitleValue === '') {
    console.info("Auto-Select YouTube Subtitles by Sapioit: title_has_changed: %cThe 'h1 yt-formatted-string.style-scope.ytd-watch-metadata' is either NULL or UNDEFINED or empty.", "color: red");
    console.info("%cAuto-Select YouTube Subtitles by Sapioit: title_has_changed: %c", "color: red", "color: default", currentTitleValue , (typeof currentTitleValue));
    return false;
  }

  console.info("%cAuto-Select YouTube Subtitles by Sapioit: title_has_changed:", "color: cyan", (currentTitleValue) );
  console.info("%cAuto-Select YouTube Subtitles by Sapioit: title_has_changed:", "color: cyan", (currentTitleValue !== '') , ' ' , (currentTitleValue) );

  if ( currentTitleValue !== '' && currentTitleValue !== null) {
    // Get the current value of the title
    console.info("%cAuto-Select YouTube Subtitles by Sapioit: title_has_changed: %cTitle found.", "color: yellow; background-color: black;", "color: white");

    // Get the consecutive unchanged count from localStorage, or set it to 0 if it's not available
    let consecutiveUnchangedCount = parseInt(localStorage.getItem('consecutiveUnchangedCount')) || 0;

    // Increment the consecutiveUnchangedCount if the value is the same
    consecutiveUnchangedCount++;

    // Update the stored value and consecutiveUnchangedCount in localStorage
    localStorage.setItem('currentTitleValue', currentTitleValue);
    localStorage.setItem('consecutiveUnchangedCount', consecutiveUnchangedCount.toString());

    console.log("Auto-Select YouTube Subtitles by Sapioit: title_has_changed: Try nr #" + (1+consecutiveUnchangedCount) );

    // Check if the current value is the same as the previous one stored in localStorage
    if (localStorage.getItem('currentTitleValue') === currentTitleValue) {

      // Stop the function if the title value hasn't changed for the last three checks (consecutiveUnchangedCount is less than 4)
      if ( consecutiveUnchangedCount < (count+1) ) {
        console.log("Auto-Select YouTube Subtitles by Sapioit: title_has_changed: #" + (1+consecutiveUnchangedCount) + "First 'yt-formatted-string.style-scope.ytd-watch-metadata' element has not changed for the last three checks. Stopping check.");
        return false; // Return that the title has not changed.
      } else {
        // Reset the consecutiveUnchangedCount if the value has changed
        consecutiveUnchangedCount = 0;

        // Update the stored value and consecutiveUnchangedCount in localStorage
        localStorage.setItem('currentTitleValue', currentTitleValue);
        localStorage.setItem('consecutiveUnchangedCount', consecutiveUnchangedCount.toString());
        return true; // Return that the title has changed.
      }
    } else {
      // Reset the consecutiveUnchangedCount if the value has changed
      consecutiveUnchangedCount = 0;

      // Update the stored value and consecutiveUnchangedCount in localStorage
      localStorage.setItem('currentTitleValue', currentTitleValue);
      localStorage.setItem('consecutiveUnchangedCount', consecutiveUnchangedCount.toString());
      return true; // Return that the title has changed.
    }
  } else {
    console.log("Auto-Select YouTube Subtitles by Sapioit: title_has_changed: Checking title FAILED.");
  }
  return false; // Return that the title has changed.
  // Usage example:
  if ( title_has_changed() ){
    return;
  }
  if ( title_has_changed(3) ){
    return;
  }
}


function checkSubtitles() {
  if ( !isFocused() ){
    console.log("Youtube Hide Paused Gradient by Sapioit: swapButtonsSaveShare:: isFocused(): " + isFocused() );
    return;
  }
  if ( title_has_changed(12) ){
    console.log("Youtube Hide Paused Gradient by Sapioit: swapButtonsSaveShare:: title_has_changed(8): " + title_has_changed(8) );
    return;
  }

  console.log("Auto-Select YouTube Subtitles by Sapioit: checkSubtitles: Checking subtitles.");
  // Check if the value of ytp-menuitem-content is 'English (auto-generated)'
  let menuItems = document.querySelectorAll('.ytp-menuitem');
  let subtitlesButton = document.querySelector('.ytp-subtitles-button');
  let autoGeneratedMenuItem;

  for (let menuItem of menuItems) {
    let menuLabel = menuItem.querySelector('.ytp-menuitem-label span:first-child');
    let menuContent = menuItem.querySelector('.ytp-menuitem-content');

    if ( menuLabel && menuLabel === 'Subtitles/CC'
        && menuContent && menuContent !== 'English (auto-generated)' ){
      autoGeneratedMenuItem = menuItem;
      break;
    }
  }

  // Run the code if the condition is not met
  if (subtitlesButton && subtitlesButton.getAttribute('title') !== 'Subtitles/closed captions unavailable') {
    if (autoGeneratedMenuItem || subtitlesButton.getAttribute('aria-pressed') !== 'true' ) {
      // Change the subtitles
      //alert(subtitlesButton.outerHTML);
      ChangeSubtitles();
    } else {
      console.log("Auto-Select YouTube Subtitles by Sapioit: checkSubtitles: Subtitles did not need to be updated.");
    }
  } else {
    console.log("Auto-Select YouTube Subtitles by Sapioit: checkSubtitles: There are no subtitles available.");
  }
}

// Schedule to run the code every so often
setInterval(checkSubtitles, repeatInterval); // 1000 milliseconds = 1 second; 10000 milliseconds = 10 second;

window.addEventListener('DOMContentLoaded', () => {
  setTimeout(checkSubtitles, waitInterval);
});

function ChangeSubtitles() {
  'use strict';

  // Find the gear icon
  //const gearIcon = document.querySelector('.ytp-settings-button');
  const gearIcon = document.querySelectorAll('.ytp-settings-button');
  console.log(gearIcon[0].outerHTML);

  // Find the subtitles icon
  const subtitlesButton = document.querySelector('.ytp-subtitles-button');

  // Click the gear icon to open the menu
  gearIcon[0].click();
  //document.querySelector('.ytp-settings-button').click();

  // Wait for the menu to open
  setTimeout(() => {
    // Find the third menu item
    let menuItems = document.querySelectorAll('.ytp-menuitem-label span');
    let thirdMenuItem;

    // Loop through each element in the 'menuItems' array.
    for (let j = 0; j < menuItems.length; j++) {
      // Get the current menu item element and its closest ancestor with the class 'ytp-menuitem'.
      let menuItem = menuItems[j].closest('.ytp-menuitem');

      // If 'menuItem' exists and has a child with the class 'ytp-menuitem-label' that has the first child a 'span', and its text content is 'Subtitles/CC'.
      if (menuItem && menuItem.querySelector('.ytp-menuitem-label span:first-child').textContent.trim() === 'Subtitles/CC') {
        // If the condition is true, assign the 'menuItem' element to the variable 'thirdMenuItem'.
        thirdMenuItem = menuItem;

        // Exit the loop immediately since the desired menu item is found.
        break;
      }
    }


    // Click the third menu item
    if (thirdMenuItem) {
      (thirdMenuItem).click();
    }

    // Wait for the "Subtitles/CC" menu to open
    setTimeout(() => {
      // Find the "English (auto-generated)" menu item
      let menuLabels = document.querySelectorAll('.ytp-menuitem-label');
      let autoGeneratedMenuItem;

      for (let i = 0; i < menuLabels.length; i++) {
        if (menuLabels[i].textContent.trim() === 'English (auto-generated)') {
          autoGeneratedMenuItem = menuLabels[i];
          break;
        }
      }

      // Click the "English (auto-generated)" menu item if found
      if (autoGeneratedMenuItem) {
        (autoGeneratedMenuItem).click();
      }
      // Wait for the "English (auto-generated)" option to be selected
      setTimeout(() => {
        let element = document.querySelector('.ytp-settings-menu');
        let computedStyle = getComputedStyle(element);
        if (computedStyle.display !== 'none') {
          // Click the gear icon to open the menu
          gearIcon[0].click();
        }
        setTimeout(() => {
          if (subtitlesButton.getAttribute('aria-pressed') !== 'true') {
            //alert(subtitlesButton.outerHTML);
            (subtitlesButton).click();
          }
        }, waitInterval); // Adjust the delay (in milliseconds) if needed
      }, waitInterval); // Adjust the delay (in milliseconds) if needed
    }, waitInterval); // Adjust the delay (in milliseconds) if needed
  }, waitInterval); // Adjust the delay (in milliseconds) if needed
  console.log("Auto-Select YouTube Subtitles by Sapioit: ChangeSubtitles: Subtitles changed.");
}