☰

New script s

I am vague to give it a name and are grinder the text below

// ==UserScript==
// @name        New script s
// @namespace   Violentmonkey Scripts
// @match       *://sploop.io/*
// @grant       none
// @version     1.0
// @author      -
// @license     mit
// @description I am vague to give it a name and are grinder the text below
// @description 27/1/2025, 17:31:27
// ==/UserScript==

// Insert the music player container into the body of the page
const container = document.createElement('div');
container.id = 'musicContainer';
container.style = `
  position: absolute;
  top: 20px;
  left: 20px;
  background: rgba(0, 0, 0, 0.8);
  border-radius: 10px;
  padding: 10px;
  z-index: 10000;
  color: white;
  font-family: Arial, sans-serif;
  font-size: 14px;
  max-width: 200px;
`;
document.body.appendChild(container);

// Create a title
const title = document.createElement('h3');
title.textContent = 'Music Player';
title.style = 'margin: 0 0 10px 0; text-align: center;';
container.appendChild(title);

// Create a select dropdown for songs
const select = document.createElement('select');
select.id = 'songSelect';
select.style = 'width: 100%; margin-bottom: 10px;';
container.appendChild(select);

// Add songs to the select dropdown (only with "Song {number}")
const songs = [
  { id: 'r_1LUSn25J4', name: 'Song 1', lyrics: 'Hello, is it me you\'re looking for?' },
  { id: '1_t2pQqkmtg', name: 'Song 2', lyrics: 'I see you driving ’round town with the girl I love' },
  { id: 'anLOn1B-6Ns', name: 'Song 3', lyrics: 'First things first, I\'ll say all the words inside my head' },
  { id: 'qlzcHe_gusE', name: 'Song 4', lyrics: 'Shoes on, get up in the morn’ cup of milk, let’s rock and roll' },
  { id: 'Inf4tDEgyYw', name: 'Song 5', lyrics: 'I want it, I got it' },
  { id: 'J_Jt3VOVpoI', name: 'Song 6', lyrics: 'The club isn’t the best place to find a lover' },
  { id: 'OVh0bMNSFss', name: 'Song 7', lyrics: 'I got my peaches out in Georgia (Oh yeah, s**t)' },
  { id: 'riqwrGoklj8', name: 'Song 8', lyrics: 'Baby girl, I’ll be your man' },
  { id: 'w-sQRS-Lc9k', name: 'Song 9', lyrics: 'I’m not fazed, only here to sin' },
  { id: 'ELCVwv1T-aE', name: 'Song 10', lyrics: 'White shirt now red, my bloody nose' },
  { id: 'z9nHtotESH4', name: 'Song 11', lyrics: 'Seasons change and our love went cold' },
  { id: 'R_BFdeFtWC8', name: 'Song 12', lyrics: 'Astro, yeah, Sun is down, freezin’ cold' },
  { id: 'kvHvxKHYMBA', name: 'Song 13', lyrics: 'I got the eye of the tiger, a fighter' },
  { id: '9Zj0JOHJR-s', name: 'Song 14', lyrics: 'I found a love, to carry more than just my secrets' },
  { id: 'Qx2gvHjNhQ0', name: 'Song 15', lyrics: 'I love it when you call me señorita' },
  { id: 'n8X9_MgEdCg', name: 'Song 16', lyrics: 'So baby, pull me closer in the backseat of your Rover' },
  { id: '9bZkp7q19f0', name: 'Song 17', lyrics: 'Oppa Gangnam Style!' },
  { id: 'uZQNC3awICU', name: 'Song 18', lyrics: 'When I’m without you so insecure' },
  { id: 'ih2xubMaZWI', name: 'Song 19', lyrics: 'Lately I’ve been, I’ve been losing sleep' },
  { id: 'oC-GflRB0y4', name: 'Song 20', lyrics: 'And the players gonna play, play, play, play, play' },
  { id: 'bPs0xFd4skY', name: 'Song 21', lyrics: 'Found you when your heart was broke' },
  { id: 'wJnBTPUQS5A', name: 'Song 22', lyrics: 'Thank you, next' },
  { id: 'HIza2rY23Tk', name: 'Song 23', lyrics: 'I’m gonna live like tomorrow doesn’t exist' },
  { id: '8vJiSSAMNWw', name: 'Song 24', lyrics: 'I want your love and I want your revenge' }
];

songs.forEach((song) => {
  const option = document.createElement('option');
  option.value = song.id;
  option.textContent = song.name;
  select.appendChild(option);
});

// Control buttons
const playButton = document.createElement('button');
playButton.textContent = '▶️ Play';
playButton.style = 'width: 48%; margin-right: 2%;';
container.appendChild(playButton);

const stopButton = document.createElement('button');
stopButton.textContent = '⏹️ Stop';
stopButton.style = 'width: 48%;';
container.appendChild(stopButton);

// Player container (hidden)
const playerContainer = document.createElement('div');
playerContainer.id = 'musicPlayer';
playerContainer.style = 'display: none;';
container.appendChild(playerContainer);

// Create subtitle container (floating at the center of the screen)
const subtitlesContainer = document.createElement('div');
subtitlesContainer.id = 'subtitles';
subtitlesContainer.style = `
  position: fixed;
  bottom: 50px;
  left: 50%;
  transform: translateX(-50%);
  color: white;
  font-size: 20px;
  font-family: Arial, sans-serif;
  text-align: center;
  z-index: 10001;
  display: none;
`;
document.body.appendChild(subtitlesContainer);

// Load YouTube API
const script = document.createElement('script');
script.src = 'https://www.youtube.com/iframe_api';
document.head.appendChild(script);

// Global variable for the player
let player;

// Initialize the player when the API is ready
window.onYouTubeIframeAPIReady = function () {
  player = new YT.Player('musicPlayer', {
    height: '0',
    width: '0',
    videoId: '',
    events: {
      onReady: () => console.log('YouTube Player Ready'),
      onStateChange: (event) => {
        if (event.data === YT.PlayerState.ENDED) {
          playButton.textContent = '▶️ Play';
          subtitlesContainer.style.display = 'none'; // Hide subtitles when finished
        }
      }
    }
  });
};

// Play button functionality
playButton.addEventListener('click', () => {
  const selectedSongId = select.value;
  const song = songs.find(song => song.id === selectedSongId);

  if (player && selectedSongId) {
    player.loadVideoById(selectedSongId);
    player.playVideo();
    playButton.textContent = '⏸️ Pause';

    // Show subtitles during playback
    subtitlesContainer.style.display = 'block';
    displayLyrics(song.lyrics);
  }
});

// Function to display lyrics word by word
function displayLyrics(lyrics) {
  let words = lyrics.split(' ');
  let index = 0;

  // Clear previous subtitles
  subtitlesContainer.textContent = '';

  // Update subtitle every 1 second
  let interval = setInterval(() => {
    if (index < words.length) {
      subtitlesContainer.textContent += words[index] + ' ';
      index++;
    } else {
      clearInterval(interval);
    }
  }, 1000);
}

// Stop button functionality
stopButton.addEventListener('click', () => {
  if (player) {
    player.stopVideo();
    playButton.textContent = '▶️ Play';
    subtitlesContainer.style.display = 'none'; // Hide subtitles when stopped
  }
});