【YouTube Music】検索結果の曲を順番に再生する方法。スクリプトの紹介

// ==UserScript==
// @name         YouTube Musicの検索結果にある曲を順番に再生
// @match        https://music.youtube.com/*
// @grant        none
// @icon         https://www.google.com/s2/favicons?domain=music.youtube.com
// @note         https://chatgpt.com/share/67b57b4e-dcfc-8009-a334-a32ea55e3f0c
// ==/UserScript==

(function() {
    'use strict';

    let stopFlag = false;

    const playNextSong = (index) => {
        if (stopFlag) return;
        const items = document.querySelectorAll('#search-page #contents > ytmusic-responsive-list-item-renderer');
        if (index >= items.length) return;

        const menuButton = items[index].querySelector('yt-button-shape[aria-label="その他の操作"]');
        if (menuButton) {
            menuButton.click();
            setTimeout(() => {
                if (stopFlag) return;
                const menuItems = document.querySelectorAll(
                    'tp-yt-paper-listbox#items.ytmusic-menu-popup-renderer [role="button"]:has(yt-icon [d^="M14,8H2V7h12V8z M10"])'
                );
                if (menuItems.length) {
                    menuItems[0].click();
                    setTimeout(() => playNextSong(index + 1), 400);
                }
            }, 400);
        }
    };

    const addButtons = () => {
        const navBar = document.querySelector('ytmusic-nav-bar.style-scope.ytmusic-app .center-content');
        if (!navBar) return;

        const createButton = (text, onClick) => {
            const button = document.createElement('button');
            button.textContent = text;
            Object.assign(button.style, {
                marginLeft: '10px', padding: '5px 10px', fontSize: '14px', cursor: 'pointer',
                borderRadius: '8px', backgroundColor: '#2c2c2c', color: '#fff', border: 'none'
            });
            button.onmouseover = () => button.style.backgroundColor = '#353535';
            button.onmouseout = () => button.style.backgroundColor = '#2c2c2c';
            button.addEventListener('click', onClick);
            return button;
        };

        navBar.appendChild(createButton('実行', () => (stopFlag = false, playNextSong(0))));
        navBar.appendChild(createButton('停止', () => stopFlag = true));
    };

    setTimeout(addButtons, 1000);
})();