main.js

// #region vars
var trackMetadata = {
    1:{
        "name": "Underworld Forest",
        "game": "Last Bible III",
        "vol": .4
    },
    2:{
        "name": "Val Ship",
        "game": "Last Bible III",
        "vol": .5
    },
    3:{
        "name": "Dream of the Shore Near Another World",
        "game": "Chrono Cross",
        "vol": .35
    },
    4:{
        "name": "Underground Ruins",
        "game": "Threads of Fate",
        "vol": .3
    },
    5:{
        "name": "Stickerbush Symphony",
        "game": "Donkey Kong Country 2",
        "vol": .43
    },
    6:{
        "name": "Opening Stage (Above Ground)",
        "game": "Mega Man 8",
        "vol": .35
    },
    7:{
        "name": "Tengu Man Stage",
        "game": "Mega Man 8",
        "vol": .3
    },
    8:{
        "name": "Aqua Man Stage",
        "game": "Mega Man 8",
        "vol": .35
    },
    9:{
        "name": "Serenade of Respite (Day)",
        "game": "Sea of Stars",
        "vol": .43
    },
    10:{
        "name": "The Apple Market",
        "game": "Mega Man Legends",
        "vol": .5
    },
    11:{
        "name": "Hills of Intent: Future",
        "game": "the Messenger",
        "vol": .27
    },
    12:{
        "name": "The Shopkeeper: Future",
        "game": "the Messenger",
        "vol": .25
    },
    13:{
        "name": "Cosmic Temperance",
        "game": "Loop Hero",
        "vol": .4
    },
    14:{
        "name": "Credits",
        "game": "Kirbys Dream Land 3",
        "vol": .5
    },
    15:{
        "name": "Hit the Floor",
        "game": "Katana Zero",
        "vol": .2
    },
    16:{
        "name": "Zangief Theme",
        "game": "Super Street Fighter 2 Turbo",
        "vol": .5
    },
    17:{
        "name": "Guile Theme",
        "game": "Super Street Fighter 2 Turbo",
        "vol": .35
    },
    18:{
        "name": "Under the Rotting Pizza",
        "game": "Final Fantasy VII",
        "vol": .49
    },
    19:{
        "name": "Costa del Sol",
        "game": "Final Fantasy VII",
        "vol": .45
    },
    20:{
        "name": "Freya's Theme",
        "game": "Final Fantasy IX",
        "vol": .5
    },
    21:{
        "name": "Trisection",
        "game": "Final Fantasy Tactics",
        "vol": .4
    },
    22:{
        "name": "Hero's Theme",
        "game": "Final Fantasy Tactics",
        "vol": .5
    },
    23:{
        "name": "Main Theme",
        "game": "Space Harrier",
        "vol": .35
    },
    24:{
        "name": "Chemical Plant Zone",
        "game": "Sonic the Hedgehog 2",
        "vol": .2
    },
    25:{
        "name": "Out of His Mind",
        "game": "Breath of Fire IV",
        "vol": .3
    },
    26:{
        "name": "Opening Animation",
        "game": "Breath of Fire IV",
        "vol": .38
    },
    27:{
        "name": "Twilight Express",
        "game": "Battle Mania Daiginjou",
        "vol": .25
    },
    28:{
        "name": "Kokiri Forest",
        "game": "The Legend of Zelda Ocarina of Time",
        "vol": .2
    },
    29:{
        "name": "Beach Theme",
        "game": "Plok",
        "vol": .22
    },
    30:{
        "name": "Naked Glow",
        "game": "Ridge Racer Type 4",
        "vol": .3
    },
    31:{
        "name": "Out of Control",
        "game": "Revolt",
        "vol": .27
    },
    32:{
        "name": "Black Winter Night Sky",
        "game": "TEKKEN 2",
        "vol": .4
    },
    33:{
        "name": "Skerries",
        "game": "Blast Corps",
        "vol": .3
    },
    34:{
        "name": "Big Snowman",
        "game": "Snowboard Kids",
        "vol": .35
    },
    35:{
        "name": "Sunny Mountain",
        "game": "Snowboard Kids 2",
        "vol": .25
    },
    36:{
        "name": "Linda's Castle",
        "game": "Snowboard Kids 2",
        "vol": .32
    },
    37:{
        "name": "Secret of the Forest",
        "game": "Chrono Trigger",
        "vol": .38
    },
    38:{
        "name": "Corridors of Time",
        "game": "Chrono Trigger",
        "vol": .43
    },
    39:{
        "name": "High Score",
        "game": "Gods",
        "vol": .35
    },
    40:{
        "name": "Dire Dire Docks",
        "game": "Super Mario 64",
        "vol": .42
    },
    41:{
        "name": "Black Mage Village",
        "game": "Final Fantasy IX",
        "vol": .4
    },
    42:{
        "name": "Flutter vs The Gesellschaft",
        "game": "Mega Man Legends",
        "vol": .45
    },
    43:{
        "name": "Corneria",
        "game": "Star Fox",
        "vol": .29
    },
    44:{
        "name": "Flying Battery Zone Act 1",
        "game": "Sonic Mania",
        "vol": .4
    },
    45:{
        "name": "Lava Reef Zone Act 1",
        "game": "Sonic & Knuckles",
        "vol": .35
    },
    46:{
        "name": "Idaten",
        "game": "Shinobi 3 Return Of The Ninja Master",
        "vol": .3
    },
    47:{
        "name": "OverDriver",
        "game": "Revolt",
        "vol": .2
    },
    48:{
        "name": "Rock Solid",
        "game": "Conkers Bad Fur Day",
        "vol": .6
    },
    49:{
        "name": "Area A",
        "game": "Shatterhand",
        "vol": .35
    },
    50:{
        "name": "Cat",
        "game": "Minecraft",
        "vol": .8
    },
    51:{
        "name": "The Wind Can Be Still (Winter Theme)",
        "game": "Stardew Valley",
        "vol": .5
    },
    52:{
        "name": "Cleopactra",
        "game": "Ms Pac-Man Maze Madness",
        "vol": .42
    },
    53:{
        "name": "Strike the Earth! Plains of Passage",
        "game": "Shovel Knight",
        "vol": .35
    },
    54:{
        "name": "Last Surprise",
        "game": "Persona 5",
        "vol": .2
    },
    55:{
        "name": "Beware the Forest's Mushrooms",
        "game": "Super Mario RPG",
        "vol": .3
    },
    56:{
        "name": "Investigation ~ Cornered",
        "game": "Phoenix Wright Ace Attorney",
        "vol": .3
    },
    57:{
        "name": "Stamp Theme [Battle Version]",
        "game": "Final Fantasy VII Rebirth",
        "vol": .35
    },
    58:{
        "name": "Kyrie's Theme",
        "game": "Final Fantasy VII Rebirth",
        "vol": .4
    },
    59:{
        "name": "Radical Dreamers",
        "game": "Chrono Cross",
        "vol": .34
    },
    60:{
        "name": "Intro Theme",
        "game": "Mega Man 3",
        "vol": .35
    },
    61:{
        "name": "Level 1-2",
        "game": "Star Mazer DSP",
        "vol": .5
    },
    62:{
        "name": "A Ghost's Pumpkin Soup (Pumpkin Hill)",
        "game": "Sonic Adventure 2",
        "vol": .25
    },
    63:{
        "name": "That Name Was Engraved Into the 100th Volume!",
        "game": "Etrian Odyssey",
        "vol": .2
    },
    64:{
        "name": "Sky Tower",
        "game": "Kirbys Return to Dreamland",
        "vol": .45
    },
    65:{
        "name": "Toxic Caves",
        "game": "Sonic the Hedgehog Spinball",
        "vol": .4
    },
    66:{
        "name": "You Will Know Our Names",
        "game": "Xenoblade Chronicles",
        "vol": .28
    },
    67:{
        "name": "Wave Circuit (Medley's Theme)",
        "game": "Gravity Circuit",
        "vol": .25
    },
    68:{
        "name": "Color Your Night",
        "game": "Persona 3 Reload",
        "vol": .28
    },
    69:{
        "name": "Battle at the Big Bridge",
        "game": "Final Fantasy V",
        "vol": .4
    },
    70:{
        "name": "Wave 131",
        "game": "Streets Of Rage 2",
        "vol": .5
    },
    71:{
        "name": "Ocean Palace",
        "game": "Sonic Heroes",
        "vol": .28
    },
    72:{
        "name": "Arena 1",
        "game": "One Must Fall 2097",
        "vol": .8
    },
    73:{
        "name": "Lava Reef Zone Act 2",
        "game": "Sonic Mania",
        "vol": .48
    },
    74:{
        "name": "Flim Flam",
        "game": "Tetrisphere",
        "vol": .35
    },
    75:{
        "name": "Redial HD",
        "game": "Bomberman Hero",
        "vol": .5
    },
    76:{
        "name": "Monoco",
        "game": "Clair Obscur Expedition 33",
        "vol": .3
    },
    77:{
        "name": "Staff Roll",
        "game": "Super Mario 64",
        "vol": .5
    },
    78:{
        "name": "Cabin",
        "game": "Friday The 13th",
        "vol": .3
    },
    79:{
        "name": "Big Airship",
        "game": "Pop N Twinbee",
        "vol": .45
    },
    80:{
        "name": "Level 1",
        "game": "Silver Surfer",
        "vol": .5
    },
    81:{
        "name": "Mission 5",
        "game": "Stellar Assault",
        "vol": .4
    },
    82:{
        "name": "Neon Night-Riders",
        "game": "Turtles in Time",
        "vol": .35
    },
    83:{
        "name": "Tidal Surge",
        "game": "Vectorman",
        "vol": .8
    },
    84:{
        "name": "Rusty Ruins Zone (Act 2)",
        "game": "Sonic 3D Blast (Saturn)",
        "vol": .5
    },
    85:{
        "name": "Steam Gardens",
        "game": "Super Mario Odyssey",
        "vol": .4
    },
    86:{
        "name": "Metal Beat Part 3",
        "game": "Metal Masters",
        "vol": .22
    },
    87:{
        "name": "Aqua Star Theme",
        "game": "Kirby 64 The Crystal Shards",
        "vol": .4
    },
    88:{
        "name": "Area 1",
        "game": "Blaster Master",
        "vol": .5
    },
    89:{
        "name": "Level 3",
        "game": "Star Mazer DSP",
        "vol": .55
    },
    90:{
        "name": "Ray of Hope",
        "game": "Corpse Party",
        "vol": .25
    },
    91:{
        "name": "The Last Desperate Struggle",
        "game": "Ghost Trick Phantom Detective",
        "vol": .25
    },
    92:{
        "name": "Stage 1",
        "game": "Advanced Busterhawk Gleylancer",
        "vol": .3
    },
    93:{
        "name": "Flood of Power",
        "game": "Midnight Resistance",
        "vol": .3
    },
    94:{
        "name": "Stage 1.1",
        "game": "Sparkster",
        "vol": .25
    },
    95:{
        "name": "Outride a Crisis",
        "game": "Super Hang-On",
        "vol": .3
    },
    96:{
        "name": "Opening Theme",
        "game": "Traysia",
        "vol": .15
    },
    97:{
        "name": "A Memory That Cannot Be Pursued",
        "game": "Soma Bringer",
        "vol": .4
    },
    98:{
        "name": "Marlin Fight",
        "game": "The Blue Marlin",
        "vol": .4
    },
    99:{
        "name": "Part Man, Part Ant",
        "game": "Grounded",
        "vol": .28
    },
    100:{
        "name": "Noble Spirit",
        "game": "Grounded",
        "vol": .3
    },
    101:{
        "name": "Take the Winnings and Run",
        "game": "Breath of Fire IV",
        "vol": .9
    },
    102:{
        "name": "Krypton Garden",
        "game": "Shatter",
        "vol": .2
    },
    103:{
        "name": "The Journey Is Your Companions",
        "game": "Izuna 2",
        "vol": .3
    },
    104:{
        "name": "Jaw-Breaking News!",
        "game": "TMNT - Shredders Revenge",
        "vol": .2
    },
    105:{
        "name": "We Ain't Came to Lose",
        "game": "TMNT - Shredders Revenge",
        "vol": .25
    },
    106:{
        "name": "The Commissioner",
        "game": "Streets of Rage 4",
        "vol": .25
    },
    107:{
        "name": "A Chance Meeting",
        "game": "Threads of Fate",
        "vol": .35
    },
    108:{
        "name": "Boss - Monster Karasu",
        "game": "Soul of the Samurai",
        "vol": .4
    },
    109:{
        "name": "A Warring God",
        "game": "Breath of Fire IV",
        "vol": .65
    },
    110:{
        "name": "Theory of Everything (Mirror's End)",
        "game": "Mina the Hollower",
        "vol": .17
    },
    111:{
        "name": "Treasure Hunter Nigel",
        "game": "Landstalker",
        "vol": .46
    },
    112:{
        "name": "Heh Heh, Think I'll Disrupt This Good Cheer",
        "game": "Landstalker",
        "vol": .55
    },
    113:{
        "name": "Spirit of the Night",
        "game": "Secret of Mana",
        "vol": .65
    },
    114:{
        "name": "Into the Thick of it",
        "game": "Secret of Mana",
        "vol": .65
    },
    115:{
        "name": "Zue",
        "game": "Terranigma",
        "vol": .68
    },
    116:{
        "name": "Laboratory",
        "game": "Terranigma",
        "vol": .68
    },
    117:{
        "name": "Forest Interlude",
        "game": "Donkey Kong Country 2",
        "vol": .43
    },
    118:{
        "name": "Unknown World",
        "game": "Dragon Quest III",
        "vol": .65
    },
    119:{
        "name": "Opening Stage X",
        "game": "Mega Man X4",
        "vol": .45
    },
    120:{
        "name": "Neat Freak",
        "game": "Moldwasher",
        "vol": .58
    },
    121:{
        "name": "Skin Theme (fight)",
        "game": "Pathogenic",
        "vol": .45
    },
    122:{
        "name": "October Child",
        "game": "Napple Tale: Arsia in Daydream",
        "vol": .45
    },
    123:{
        "name": "BGM 09",
        "game": "Super Producers: Mezase Show Biz Kai",
        "vol": .45
    },
    124:{
        "name": "Rolling Start!",
        "game": "Daytona USA",
        "vol": .50
    },
    125:{
        "name": "Get on the Bus",
        "game": "Earthbound",
        "vol": .68
    },
    126:{
        "name": "Feel the Heat",
        "game": "Sega Bass Fishing",
        "vol": .50
    },
    127:{
        "name": "Dudley's Theme",
        "game": "Street Fighter III: 3rd Strike",
        "vol": .68
    },
    128:{
        "name": "The Glitch",
        "game": "MURDER HOUSE",
        "vol": .62
    },
}

// create array from tracks
var trackIDs = Object.entries(trackMetadata).map(([key]) => key);

const audioPlayer = document.getElementById('audioPlayer');
audioPlayer.volume = .5
const uiTrackInfo = document.getElementById('trackInfo');
const uiAudioPercentage = document.getElementById('audioPlayer');
const uiPercentage = document.getElementsByClassName('audioTimelineBarPercentage')[0];
const uiTimeline = document.getElementsByClassName('audioTimeline')[0];
const uiCurrentTime = document.getElementsByClassName('audioTimelineCurrent')[0];
const uiTotalTime = document.getElementsByClassName('audioTimelineTotal')[0];
let currentTrackIndex = 0;
// #endregion - vars


// #region -  functions
function shuffle(array) {
  let currentIndex = array.length;

  // While there remain elements to shuffle...
  while (currentIndex != 0) {

    // Pick a remaining element...
    let randomIndex = Math.floor(Math.random() * currentIndex);
    currentIndex--;

    // And swap it with the current element.
    [array[currentIndex], array[randomIndex]] = [
      array[randomIndex], array[currentIndex]];
  }
}

function checkScroll(){
    const elements = document.getElementsByClassName('scroll');

    for(let element of elements){
        const ptag = element.querySelector('p')
        const pw = element.querySelector('p').offsetWidth;
        const cw = element.offsetWidth;
        const amount = (pw / cw * 100 - 100) / 2;
        console.log(amount)

        
        if(pw > cw){
            if (amount > 0 && amount <= 20){
                ptag.classList.add('animate-scroll-20');
            }
            else if (amount > 20 && amount <= 40){
                ptag.classList.add('animate-scroll-40');
            }
            else if (amount > 40 && amount <= 50){
                ptag.classList.add('animate-scroll-50');
            }
            else if (amount > 50 && amount <= 70){
                ptag.classList.add('animate-scroll-70');
            }else{
                ptag.classList.add('animate-scroll-100');
            }
        }
    }
}

function setTrackInfo(track, name, game, vol){
    const songImg = 'trackImgs/' + game + '.jpg';
    audioPlayer.src = 'tracks/' + track + '.mp3';
    if (vol){
        audioPlayer.volume = vol
    }else{
        audioPlayer.volume = .5
    }
    
    uiTrackInfo.innerHTML = `<div class="scroll"><p><b>Song:</b>\u00A0${name}</p></div><div class="scroll"><p><b>Game:</b>\u00A0${game}</p></div>`
    document.documentElement.setAttribute("style", `--bgImg: url("${songImg}")`)
    checkScroll();

    document.title = `${name} - ${game}`
    if ("mediaSession" in navigator) {
        navigator.mediaSession.metadata = new MediaMetadata({
            title: name,
            artist: game,
            artwork: [{ src: songImg }],
        });
    }
}

function initRandomPlaylist(){
    //shuffle the trackIDs
    shuffle(trackIDs);
    const currentTrack = trackIDs[currentTrackIndex];
    const songName = trackMetadata[currentTrack].name;
    const songGame = trackMetadata[currentTrack].game;
    const songVol = trackMetadata[currentTrack].vol;
    setTrackInfo(currentTrack, songName, songGame, songVol);

    for (let i = 1; i < trackIDs.length; i++) {
        const trackIndex = trackIDs[i];
        const listSongName = trackMetadata[trackIndex].name;
        const listSongGame = trackMetadata[trackIndex].game;
        document.getElementById('tracklist').innerHTML += `<div class="tracklistItem" data-dex="${i}"><div><b>Song:</b>\u00A0${listSongName}</div><div><b>Game:</b>\u00A0${listSongGame}</div></div>`   
    }
}
initRandomPlaylist();

// init next track in playlist function
function initNextTrack(){
    
    // check if currentTrack index is equal to the number of tracks
    if (currentTrackIndex + 1 >= trackIDs.length){
        // if it is then reset the index to zero to replay the playlist
        window.location.reload();
    }else{ 
        // if it's not increase the track index
        currentTrackIndex = currentTrackIndex + 1;
    }
    
    const currentTrack = trackIDs[currentTrackIndex];
    const songName = trackMetadata[currentTrack].name;
    const songGame = trackMetadata[currentTrack].game;
    const songVol = trackMetadata[currentTrack].vol;
    setTrackInfo(currentTrack, songName, songGame, songVol);

    document.getElementById('tracklist').removeChild(document.getElementById('tracklist').querySelectorAll('.tracklistItem:not(.deleteMe)')[0])
}

// play next track when track ends or when next track is clicked
audioPlayer.addEventListener('ended', initNextTrack);
uiTotalTime.addEventListener('click', initNextTrack);


// init previous track in playlist function
function initPreviousTrack(){ 
    let currentTrackIndexActual = currentTrackIndex;

    // check if currentTrack index is greater than 0
    if (currentTrackIndex > 0){
        // if it is, we can decrease it by one for the previous track.
        currentTrackIndex = currentTrackIndex - 1;
    }
    const currentTrack = trackIDs[currentTrackIndex];
    const songName = trackMetadata[currentTrack].name;
    const songGame = trackMetadata[currentTrack].game;
    const songVol = trackMetadata[currentTrack].vol;
    setTrackInfo(currentTrack, songName, songGame, songVol);

    const currentTrackActual = trackIDs[currentTrackIndexActual];
    const listSongName = trackMetadata[currentTrackActual].name;
    const listSongGame = trackMetadata[currentTrackActual].game;

    let tracklistItem = document.createElement("div");
    tracklistItem.classList.add('tracklistItem');
    tracklistItem.dataset.dex = currentTrackIndexActual;
    tracklistItem.innerHTML = `<div><b>Song:</b>\u00A0${listSongName}</div><div><b>Game:</b>\u00A0${listSongGame}</div>`

    if (currentTrackIndexActual > 0){
        document.getElementById('tracklist').prepend(tracklistItem)
    }
    
}

// play previous track when previous track is clicked
uiCurrentTime.addEventListener('click', initPreviousTrack);


// play selected track from tracklist
function initTracklistTrack(dex){
    dex = Number(dex)
    currentTrackIndex = dex

    const currentTrack = trackIDs[dex];
    const songName = trackMetadata[currentTrack].name;
    const songGame = trackMetadata[currentTrack].game;
    const songVol = trackMetadata[currentTrack].vol;
    setTrackInfo(currentTrack, songName, songGame, songVol);

    let tracklistItems = document.getElementById('tracklist').getElementsByClassName('tracklistItem');

    for (let i = 0; i < tracklistItems.length; i++) {
        const tracklistItem = tracklistItems[i];
        
        if (Number(tracklistItem.dataset.dex) <= Number(dex)){
            tracklistItem.classList.add('deleteMe');
        }
    }

    let deleteUs = document.getElementById('tracklist').getElementsByClassName('deleteMe');
    for (let i = 0; i < deleteUs.length; i++) {
        const deleteMe = deleteUs[i];
        deleteMe.remove();
    }
}

// bind click events to tracklistItems 
document.addEventListener("click", function(e){
  if(e.target.classList.contains("tracklistItem")){
    let targetDex = e.target.dataset.dex
    initTracklistTrack(targetDex);
  }
});

//play or pause function
function playPause(){
    if (audioPlayer.duration > 0 && !audioPlayer.paused) {
        audioPlayer.pause();
        navigator.mediaSession.playbackState = "paused"
    } else {
        audioPlayer.play();
        navigator.mediaSession.playbackState = "playing"
    }
}

//play or pause when track info is clicked
uiTrackInfo.addEventListener('click', playPause);


// track play head functions
function calculatePercentPlayed() {
	let percent = (audioPlayer.currentTime / audioPlayer.duration).toFixed(2) * 100;
	uiPercentage.style.width = `${percent}%`;
}

function calculateCurrentValue(currentTime) {
	const currentMinute = parseInt(currentTime / 60) % 60;
	const currentSecondsLong = currentTime % 60;
	const currentSeconds = currentSecondsLong.toFixed();
	const currentTimeFormatted = `${currentMinute < 10 ? `0${currentMinute}` : currentMinute}:${
		currentSeconds < 10 ? `0${currentSeconds}` : currentSeconds}`;
	return currentTimeFormatted;
}

function getDuration(event) {
  event.target.currentTime = 0
  event.target.removeEventListener('timeupdate', getDuration)
}

function initProgressBar() {
    audioPlayer.addEventListener('loadedmetadata', () => {
        if (audioPlayer.duration === Infinity || isNaN(Number(audioPlayer.duration))) {
            audioPlayer.currentTime = 1e101
            audioPlayer.addEventListener('timeupdate', getDuration)
        }
    })

    const currentTime = calculateCurrentValue(audioPlayer.currentTime);
    const totalTime = calculateCurrentValue(audioPlayer.duration);
    uiCurrentTime.innerHTML = currentTime;
    uiTimeline.addEventListener('click', seek);
    uiTotalTime.innerHTML = totalTime;       
    audioPlayer.onended = () => {
        uiPercentage.style.width = 0;
        uiCurrentTime.innerHTML = '00:00';
    };
    function seek(e) {
        const percent = e.offsetX / this.offsetWidth;
        audioPlayer.currentTime = percent * audioPlayer.duration;
    }
    calculatePercentPlayed();
	
}

audioPlayer.addEventListener('timeupdate', initProgressBar);


//make media buttons work  
if ('mediaSession' in navigator) {
    navigator.mediaSession.setActionHandler('previoustrack', initPreviousTrack);
    navigator.mediaSession.setActionHandler('nexttrack', initNextTrack);
    navigator.mediaSession.setActionHandler('play', playPause);
    navigator.mediaSession.setActionHandler('pause', playPause);
} 

// set volume funciton
function volumeSet(vol){
    audioPlayer.volume = vol
}


// chat functions
const params = new URLSearchParams(window.location.search);
const channel = params.get('channel') || 'lowpolyskeleton';
const client = new tmi.Client({
  connection: {
    secure: true,
    reconnect: true,
  },
  channels: [channel],
});

client.connect().then(() => {
  console.log('connected')
});

client.on('message', (wat, tags, message, self) => {

    if(message.startsWith("!skip") && (tags.username == "lowpolyskeleton" || tags.mod == true)){
        initNextTrack();
    }

    if(message.startsWith("!back") && (tags.username == "lowpolyskeleton" || tags.mod == true)){
        initPreviousTrack();
    }

    if((message.startsWith("!play") || message.startsWith("!pause")) && (tags.username == "lowpolyskeleton" || tags.mod == true)){
        playPause();
    }

    if(message.startsWith("!vol") && (tags.username == "lowpolyskeleton" || tags.mod == true)){
        let chatVol = message.split("!vol")[1];
        chatVol = chatVol.trim();
        volumeSet(chatVol)
    }
});