ClongTitles

Replace banner-writer.web.app/image links in YouTube titles with banner writing images.

이 스크립트를 설치하려면 Tampermonkey, Greasemonkey 또는 Violentmonkey와 같은 확장 프로그램이 필요합니다.

이 스크립트를 설치하려면 Tampermonkey와 같은 확장 프로그램을 설치해야 합니다.

이 스크립트를 설치하려면 Tampermonkey 또는 Violentmonkey와 같은 확장 프로그램이 필요합니다.

이 스크립트를 설치하려면 Tampermonkey 또는 Userscripts와 같은 확장 프로그램이 필요합니다.

이 스크립트를 설치하려면 Tampermonkey와 같은 확장 프로그램이 필요합니다.

이 스크립트를 설치하려면 유저 스크립트 관리자 확장 프로그램이 필요합니다.

(이미 유저 스크립트 관리자가 설치되어 있습니다. 설치를 진행합니다!)

이 스타일을 설치하려면 Stylus와 같은 확장 프로그램이 필요합니다.

이 스타일을 설치하려면 Stylus와 같은 확장 프로그램이 필요합니다.

이 스타일을 설치하려면 Stylus와 같은 확장 프로그램이 필요합니다.

이 스타일을 설치하려면 유저 스타일 관리자 확장 프로그램이 필요합니다.

이 스타일을 설치하려면 유저 스타일 관리자 확장 프로그램이 필요합니다.

이 스타일을 설치하려면 유저 스타일 관리자 확장 프로그램이 필요합니다.

(이미 유저 스타일 관리자가 설치되어 있습니다. 설치를 진행합니다!)

// ==UserScript==
// @name         ClongTitles
// @namespace    clong
// @version      1.0.1
// @description  Replace banner-writer.web.app/image links in YouTube titles with banner writing images.
// @author       DATA_CORRUPTED
// @match        https://www.youtube.com/*
// @icon         https://www.google.com/s2/favicons?sz=64&domain=youtube.com
// @grant        none
// @require      https://update.greatest.deepsurf.us/scripts/446257/1059316/waitForKeyElements%20utility%20function.js
// @license      MIT
// ==/UserScript==

waitForKeyElements('#title yt-formatted-string.ytd-watch-metadata[title]', replaceTitle);
waitForKeyElements('a#video-title[title],a#video-title-link[title],span#video-title[title]', replaceTitle, false);

const urlRegex = /https:\/\/banner-writer\.web\.app\/image\/[^\s]+\.png/gm;

function replaceTitle(elem) {
    const match = elem.title.match(urlRegex);
    if (!match) return;
    const img = document.createElement('img');
    img.src = match;
    elem.replaceChildren();
    elem.appendChild(img);
}