A comprehensive audio player that attempts to recreate the cart experience
当前为
// ==UserScript==
// @name AWBW Music Player
// @namespace https://awbw.amarriner.com/
// @version 2.0.1
// @description A comprehensive audio player that attempts to recreate the cart experience
// @author twiggy_
// @match https://awbw.amarriner.com/*?games_id=*
// @match https://awbw.amarriner.com/*?replays_id=*
// @match https://awbw.amarriner.com/*editmap*
// @icon https://awbw.amarriner.com/favicon.ico
// @license MIT
// ==/UserScript==
const MY_VERSION = "2.0.1";
var NEWEST_VERSION = "FETCHING...";
let musicPlayerSettings = {}
let isMapEditor = window.location.href.indexOf("editmap.php?") > -1;
let neutralImgLink = 'https://macroland.one/img/music-player-icon.png';
let playingImgLink = 'https://macroland.one/img/music-player-playing.gif';
let myName = document.querySelector('#profile-menu').getElementsByClassName("dropdown-menu-link")[0].href.split("username=")[1];
let myID = -1;
let clicked = false;
let isPlaying = false;
let randomThemeTimeout = null;
let volume = 0.5;
let sfxVolume = 0.35;
let val;
let ahMove = null;
let ahWait = null;
let ahLoad = null;
let ahUnload = null;
let ahCapt = null;
let ahExplode = null;
let ahSupply = null;
let ahRepair = null;
let ahFog = null;
let movementSFX = null;
let movingUnit = null;
let activeUnitSFX = {};
let currentTheme = new Audio();
currentTheme.volume = volume;
let themeSource = "";
let loopingTheme;
let currentSFX = new Audio();
currentSFX.volume = volume;
let sfxSource = "";
let playerCOObj = {};
let playerNames = [];
let blackHoleCOs = ["Adder", "Flak", "Hawke", "Jugger", "Kindle", "Koal", "Lash", "Sturm", "Von Bolt"];
let SCOPTheme = "https://macroland.one/themes/co-super-power.ogg";
let COPTheme = "https://macroland.one/themes/co-power.ogg";
let SCOPThemeBH = "https://macroland.one/themes/bh-super-power.ogg";
let COPThemeBH = "https://macroland.one/themes/bh-power.ogg";
let victoryTheme = "https://macroland.one/themes/victory.ogg";
let defeatTheme = "https://macroland.one/themes/defeat.ogg";
let mapTheme = "https://sndup.net/zwwj/d";
let andyTheme = "https://macroland.one/themes/andy.mp3";
let hachiTheme = "https://macroland.one/themes/hachi.mp3";
let jakeTheme = "https://macroland.one/themes/jake.mp3";
let maxTheme = "https://macroland.one/themes/max.mp3";
let nellTheme = "https://macroland.one/themes/nell.mp3";
let rachelTheme = "https://macroland.one/themes/rachel.mp3";
let samiTheme = "https://macroland.one/themes/sami.mp3";
let colinTheme = "https://macroland.one/themes/colin.mp3";
let gritTheme = "https://macroland.one/themes/grit.mp3";
let olafTheme = "https://macroland.one/themes/olaf-kingrex.ogg";
let sashaTheme = "https://macroland.one/themes/sasha.mp3";
let drakeTheme = "https://macroland.one/themes/drake.mp3";
let eagleTheme = "https://macroland.one/themes/eagle.mp3";
let javierTheme = "https://macroland.one/themes/javier.mp3";
let jessTheme = "https://macroland.one/themes/jess.mp3";
let grimmTheme = "https://macroland.one/themes/grimm.mp3";
let kanbeiTheme = "https://macroland.one/themes/kanbei.mp3";
let senseiTheme = "https://macroland.one/themes/sensei.mp3";
let sonjaTheme = "https://macroland.one/themes/sonja.mp3";
let adderTheme = "https://macroland.one/themes/adder.mp3";
let flakTheme = "https://macroland.one/themes/flak.mp3";
let hawkeTheme = "https://macroland.one/themes/hawke.mp3";
let juggerTheme = "https://macroland.one/themes/jugger.mp3";
let kindleTheme = "https://macroland.one/themes/kindle.mp3";
let koalTheme = "https://macroland.one/themes/koal.mp3";
let lashTheme = "https://macroland.one/themes/lash.mp3";
let sturmTheme = "https://macroland.one/themes/sturm.mp3";
let vonboltTheme = "https://macroland.one/themes/vonbolt.mp3";
let allCOThemes = [andyTheme, hachiTheme, jakeTheme, maxTheme, nellTheme, rachelTheme, samiTheme, colinTheme,
gritTheme, olafTheme, sashaTheme, drakeTheme, eagleTheme, javierTheme, jessTheme,
grimmTheme, kanbeiTheme, senseiTheme, sonjaTheme, adderTheme, flakTheme, hawkeTheme,
juggerTheme, kindleTheme, koalTheme, lashTheme, sturmTheme, vonboltTheme];
let moveInf_1 = "https://macroland.one/movement/inf_move_chopped_1.mp3";
let moveInf_2 = "https://macroland.one/movement/inf_move_chopped_2.mp3";
let moveInf_3 = "https://macroland.one/movement/inf_move_chopped_3.mp3";
let moveBCopterLoop = "https://macroland.one/movement/move_bcopter.wav";
let moveBCopterOneShot = "https://macroland.one/movement/move_bcopter_rolloff.wav";
let moveInfLoop = "https://macroland.one/movement/move_inf_humita.wav";
let moveMechLoop = "https://macroland.one/movement/move_mech_humita.wav";
let moveNavalLoop = "https://macroland.one/movement/move_naval.wav";
let movePiperunnerLoop = "https://macroland.one/movement/move_piperunner.wav";
let movePlaneLoop = "https://macroland.one/movement/move_plane.wav";
let movePlaneOneShot = "https://macroland.one/movement/move_plane_rolloff.wav";
let moveSubLoop = "https://macroland.one/movement/move_sub.wav";
let moveTCopterLoop = "https://macroland.one/movement/move_tcopter.wav";
let moveTCopterOneShot = "https://macroland.one/movement/move_tcopter_rolloff.wav";
let moveTiresHeavyLoop = "https://macroland.one/movement/move_tires_heavy.wav";
let moveTiresHeavyOneShot = "https://macroland.one/movement/move_tires_heavy_rolloff.wav";
let moveTiresLightLoop = "https://macroland.one/movement/move_tires_light.wav";
let moveTiresLightOneShot = "https://macroland.one/movement/move_tires_light_rolloff.wav";
let moveTreadHeavyLoop = "https://macroland.one/movement/move_tread_heavy.wav";
let moveTreadHeavyOneShot = "https://macroland.one/movement/move_tread_heavy_rolloff.wav";
let moveTreadLightLoop = "https://macroland.one/movement/move_tread_light.wav";
let moveTreadLightOneShot = "https://macroland.one/movement/move_tread_light_rolloff.wav";
let actionLoadSFX = "https://macroland.one/game/action_load_humita.wav";
let actionUnloadSFX = "https://macroland.one/game/action_unload_humita.wav";
let actionCaptAllySFX = "https://macroland.one/game/capture_ally_humita.wav";
let actionCaptEnemySFX = "https://macroland.one/game/capture_enemy_humita.wav";
let actionUnitExplode = "https://macroland.one/game/unit_explode_humita.wav";
let actionSupplyRepair = "https://macroland.one/game/action_resupply_repair_humita.wav"
let thisGamesCOs = [];
let preLoadedAudio = [];
let eventHeader = document.querySelector('.event-username');
let menu = isMapEditor ? document.querySelector('#replay-misc-controls') : document.querySelector('#game-map-menu').parentNode;
// build and append button to game menu
let musicPlayerDiv = document.createElement('div');
musicPlayerDiv.id = 'music-player-parent';
musicPlayerDiv.classList.add('game-tools-btn');
musicPlayerDiv.classList.add('cls-context-menu-root');
musicPlayerDiv.style.width = '34px';
musicPlayerDiv.style.height = '30px';
musicPlayerDiv.style.border = isMapEditor ? 'none' : '1px solid #888888';
musicPlayerDiv.style.borderLeft = isMapEditor ? '1px solid #888888' : '0px';
let musicPlayerDivHoverSpan = document.createElement('span');
musicPlayerDivHoverSpan.id = 'adji-hover-span';
musicPlayerDivHoverSpan.classList.add('game-tools-btn-text');
musicPlayerDivHoverSpan.classList.add('small_text');
musicPlayerDivHoverSpan.classList.add('cls-context-menu-root');
musicPlayerDivHoverSpan.innerText = "Play Tunes";
let musicPlayerDivBackground = document.createElement('div');
musicPlayerDivBackground.id = 'music-player-background';
musicPlayerDivBackground.classList.add('game-tools-bg');
musicPlayerDivBackground.classList.add('cls-context-menu-root');
musicPlayerDivBackground.style.backgroundImage = "linear-gradient(to right, #ffffff 0% , #888888 0%)";
// #0066CC
let musicPlayerDivBackgroundSpan = document.createElement('span');
musicPlayerDivBackgroundSpan.id = 'music-player-background-span';
musicPlayerDivBackgroundSpan.classList.add('norm2');
musicPlayerDivBackgroundSpan.classList.add('cls-context-menu-root');
let musicPlayerDivBackgroundLink = document.createElement('a');
musicPlayerDivBackgroundLink.id = 'music-player-background-link';
musicPlayerDivBackgroundLink.classList.add('norm2');
musicPlayerDivBackgroundLink.classList.add('cls-context-menu-root');
let musicPlayerDivBackgroundImg = document.createElement('img');
musicPlayerDivBackgroundImg.id = 'music-player-background-link';
musicPlayerDivBackgroundImg.classList.add('cls-context-menu-root');
musicPlayerDivBackgroundImg.src = neutralImgLink;
musicPlayerDivBackgroundImg.style.verticalAlign = "middle";
musicPlayerDivBackgroundImg.style.width = '17px';
musicPlayerDivBackgroundImg.style.height = '17px';
musicPlayerDiv.appendChild(musicPlayerDivBackground);
musicPlayerDiv.appendChild(musicPlayerDivHoverSpan);
musicPlayerDivBackground.appendChild(musicPlayerDivBackgroundSpan);
musicPlayerDivBackgroundSpan.appendChild(musicPlayerDivBackgroundLink);
musicPlayerDivBackgroundLink.appendChild(musicPlayerDivBackgroundImg);
menu.appendChild(musicPlayerDiv);
musicPlayerDivBackgroundLink.onclick = musicFunc;
// Button click function
function musicFunc()
{
if (clicked == false)
{
isPlaying = true;
isMapEditor ? playMapTunes() : playTunes();
musicPlayerDivHoverSpan.innerText = "Stop Tunes";
musicPlayerDivBackground.style.backgroundColor = "#e1e1e1";
clicked = true;
}
else
{
isPlaying = false;
stopTunes();
musicPlayerDivBackgroundImg.src = neutralImgLink;
musicPlayerDivHoverSpan.innerText = "Play Tunes";
musicPlayerDivBackground.style.backgroundColor = "#ffffff";
clicked = false;
}
}
function determineRandomCO()
{
let randomTheme = allCOThemes[Math.floor(Math.random() * allCOThemes.length)];
themeSource = randomTheme;
}
// Determine who the current CO is and generate their theme data
function determineCurrentCO()
{
let COName = "";
Object.keys(playersInfo).forEach(playerID =>
{
if (playerID == currentTurn)
{
COName = playersInfo[playerID]["co_name"];
}
playerCOObj[playerID] = playersInfo[playerID]["co_name"];
playerNames.push(playersInfo[playerID]["users_username"]);
});
switch(COName)
{
case "Andy":
themeSource = andyTheme;
break;
case "Hachi":
themeSource = hachiTheme;
break;
case "Jake":
themeSource = jakeTheme;
break;
case "Max":
themeSource = maxTheme;
break;
case "Nell":
themeSource = nellTheme;
break;
case "Rachel":
themeSource = rachelTheme;
break;
case "Sami":
themeSource = samiTheme;
break;
case "Colin":
themeSource = colinTheme;
break;
case "Grit":
themeSource = gritTheme;
break;
case "Olaf":
themeSource = olafTheme;
break;
case "Sasha":
themeSource = sashaTheme;
break;
case "Drake":
themeSource = drakeTheme;
break;
case "Eagle":
themeSource = eagleTheme;
break;
case "Javier":
themeSource = javierTheme;
break;
case "Jess":
themeSource = jessTheme;
break;
case "Grimm":
themeSource = grimmTheme;
break;
case "Kanbei":
themeSource = kanbeiTheme;
break;
case "Sensei":
themeSource = senseiTheme;
break;
case "Sonja":
themeSource = sonjaTheme;
break;
case "Adder":
themeSource = adderTheme;
break;
case "Flak":
themeSource = flakTheme;
break;
case "Hawke":
themeSource = hawkeTheme;
break;
case "Jugger":
themeSource = juggerTheme;
break;
case "Kindle":
themeSource = kindleTheme;
break;
case "Koal":
themeSource = koalTheme;
break;
case "Lash":
themeSource = lashTheme;
break;
case "Sturm":
themeSource = sturmTheme;
break;
case "Von Bolt":
themeSource = vonboltTheme;
break;
}
}
// Event listener for when the audio data is actually loaded
currentTheme.onloadedmetadata = function()
{
if (isRandomCOTheme)
{
currentTheme.loop = false;
var duration = currentTheme.duration * 1000;
randomThemeTimeout = setTimeout(function()
{
stopTunes();
playTunes();
}, duration);
};
if (isClassicTheme ||
currentTheme.src == SCOPTheme ||
currentTheme.src == COPTheme ||
currentTheme.src == SCOPThemeBH ||
currentTheme.src == COPThemeBH ||
currentTheme.src == victoryTheme ||
currentTheme.src == defeatTheme)
{
currentTheme.loop = true;
clearTimeout(randomThemeTimeout);
};
currentTheme.play();
musicPlayerDivBackgroundImg.src = playingImgLink;
};
currentSFX.onloadedmetadata = function()
{
currentSFX.loop = false;
currentSFX.play();
};
var on = (function() {
if (window.addEventListener) {
return function(target, type, listener){
target.addEventListener(type, listener, false);
};
}
else {
return function(object, sEvent, fpNotify){
object.attachEvent("on" + sEvent, fpNotify);
};
}
} ());
let replayForwardBtn = document.getElementsByClassName('replay-forward')[0];
let replayBackwardBtn = document.getElementsByClassName('replay-backward')[0];
if (replayForwardBtn != null)
{
on(replayForwardBtn, "click", function(){
if (isPlaying == false) return;
stopTunes();
setTimeout(()=>{ playTunes(); }, 1000);
});
}
if (replayBackwardBtn != null)
{
on(replayBackwardBtn, "click", function(){
if (isPlaying == false) return;
stopTunes();
setTimeout(()=>{ playTunes(); }, 1000);
});
}
// Wrap the event screen to update the current theme
if (isMapEditor == false)
{
let native = showEventScreen;
showEventScreen = function()
{
native.apply(showEventScreen, arguments);
if (isPlaying == false) return;
if (eventHeader.innerText.includes("Super") &&
eventHeader.innerText.includes("Power") &&
blackHoleCOs.includes(playerCOObj[currentTurn]) == false)
{
stopTunes();
if (isClassicTheme == false)
{
if (isEnemyTheme) playSCOPBHTheme();
else playSCOPTheme();
}
else
{
playSCOPTheme();
}
}
else if (eventHeader.innerText.includes("Super") &&
eventHeader.innerText.includes("Power") &&
blackHoleCOs.includes(playerCOObj[currentTurn]) == true)
{
stopTunes();
if (isClassicTheme == false)
{
if (isEnemyTheme) playSCOPBHTheme();
else playSCOPTheme();
}
else
{
playSCOPBHTheme();
}
}
else if (eventHeader.innerText.includes("Super") == false &&
eventHeader.innerText.includes("Power") &&
blackHoleCOs.includes(playerCOObj[currentTurn]) == false)
{
stopTunes();
if (isClassicTheme == false)
{
if (isEnemyTheme) playCOPBHTheme();
else playCOPTheme();
}
else
{
playCOPTheme();
}
}
else if (eventHeader.innerText.includes("Super") == false &&
eventHeader.innerText.includes("Power") &&
blackHoleCOs.includes(playerCOObj[currentTurn]) == true)
{
stopTunes();
if (isClassicTheme == false)
{
if (isEnemyTheme) playCOPBHTheme();
else playCOPTheme();
}
else
{
playCOPBHTheme();
console.log('YEEE');
}
}
else if (eventHeader.innerText.includes("Day") )
{
stopTunes();
playTunes();
}
else if (eventHeader.innerText.includes(myName))
{
stopTunes();
playDefeatTheme();
}
else if (eventHeader.innerText.includes(myName) == false)
{
stopTunes();
playVictoryTheme();
}
};
}
// Play/Stop functions
function playMapTunes()
{
currentTheme.src = mapTheme;
}
function playTunes()
{
if (isClassicCOTheme) { determineCurrentCO(); };
if (isRandomCOTheme) { determineRandomCO(); };
currentTheme.src = themeSource;
}
function playVictoryTheme()
{
currentTheme.src = victoryTheme;
}
function playDefeatTheme()
{
currentTheme.src = defeatTheme;
}
function playSCOPTheme()
{
currentTheme.src = SCOPTheme;
}
function playCOPTheme()
{
currentTheme.src = COPTheme;
}
function playSCOPBHTheme()
{
currentTheme.src = SCOPThemeBH;
}
function playCOPBHTheme()
{
currentTheme.src = COPThemeBH;
}
function stopTunes()
{
// clearInterval(loopingTheme);
clearTimeout(randomThemeTimeout);
currentTheme.src = '';
}
function determineThemesToPreload()
{
Object.values(playersInfo).forEach(entry => {
thisGamesCOs.push(entry.co_name);
});
}
function getCOThemesToPreload()
{
if (isRandomCOTheme)
{
allCOThemes.forEach(function(theme)
{
preLoadedAudio.push(theme);
});
}
else
{
thisGamesCOs.forEach(function(co)
{
switch(co)
{
case "Andy":
preLoadedAudio.push(andyTheme);
break;
case "Hachi":
preLoadedAudio.push(hachiTheme);
break;
case "Jake":
preLoadedAudio.push(jakeTheme);
break;
case "Max":
preLoadedAudio.push(maxTheme);
break;
case "Nell":
preLoadedAudio.push(nellTheme);
break;
case "Rachel":
preLoadedAudio.push(rachelTheme);
break;
case "Sami":
preLoadedAudio.push(samiTheme);
break;
case "Colin":
preLoadedAudio.push(colinTheme);
break;
case "Grit":
preLoadedAudio.push(gritTheme);
break;
case "Olaf":
preLoadedAudio.push(olafTheme);
break;
case "Sasha":
preLoadedAudio.push(sashaTheme);
break;
case "Drake":
preLoadedAudio.push(drakeTheme);
break;
case "Eagle":
preLoadedAudio.push(eagleTheme);
break;
case "Javier":
preLoadedAudio.push(javierTheme);
break;
case "Jess":
preLoadedAudio.push(jessTheme);
break;
case "Grimm":
preLoadedAudio.push(grimmTheme);
break;
case "Kanbei":
preLoadedAudio.push(kanbeiTheme);
break;
case "Sensei":
preLoadedAudio.push(senseiTheme);
break;
case "Sonja":
preLoadedAudio.push(sonjaTheme);
break;
case "Adder":
preLoadedAudio.push(adderTheme);
break;
case "Flak":
preLoadedAudio.push(flakTheme);
break;
case "Hawke":
preLoadedAudio.push(hawkeTheme);
break;
case "Jugger":
preLoadedAudio.push(juggerTheme);
break;
case "Kindle":
preLoadedAudio.push(kindleTheme);
break;
case "Koal":
preLoadedAudio.push(koalTheme);
break;
case "Lash":
preLoadedAudio.push(lashTheme);
break;
case "Sturm":
preLoadedAudio.push(sturmTheme);
break;
case "Von Bolt":
preLoadedAudio.push(vonboltTheme);
break;
}
});
}
}
function getGenericThemesToPreload()
{
preLoadedAudio.push(SCOPTheme);
preLoadedAudio.push(COPTheme);
preLoadedAudio.push(SCOPThemeBH);
preLoadedAudio.push(COPThemeBH);
preLoadedAudio.push(victoryTheme);
preLoadedAudio.push(defeatTheme);
}
function getMovementSFXToPreload()
{
preLoadedAudio.push(moveBCopterLoop);
preLoadedAudio.push(moveBCopterOneShot);
preLoadedAudio.push(moveInfLoop);
preLoadedAudio.push(moveNavalLoop);
preLoadedAudio.push(movePiperunnerLoop);
preLoadedAudio.push(movePlaneLoop);
preLoadedAudio.push(movePlaneOneShot);
preLoadedAudio.push(moveSubLoop);
preLoadedAudio.push(moveTCopterLoop);
preLoadedAudio.push(moveTCopterOneShot);
preLoadedAudio.push(moveTiresHeavyLoop);
preLoadedAudio.push(moveTiresHeavyOneShot);
preLoadedAudio.push(moveTiresLightLoop);
preLoadedAudio.push(moveTiresLightOneShot);
preLoadedAudio.push(moveTreadHeavyLoop);
preLoadedAudio.push(moveTreadHeavyOneShot);
preLoadedAudio.push(moveTreadLightLoop);
preLoadedAudio.push(moveTreadLightOneShot);
}
function getGameSFXToPreload()
{
preLoadedAudio.push(actionLoadSFX);
preLoadedAudio.push(actionUnloadSFX);
preLoadedAudio.push(actionCaptAllySFX);
preLoadedAudio.push(actionCaptEnemySFX);
}
function preloadAudio() {
preLoadedAudio.forEach(function(url)
{
let audio = new Audio();
audio.addEventListener('canplaythrough', loadedAudio, false);
audio.src = url;
})
}
let loaded = 0;
let loadPercentage = 0;
function loadedAudio() {
loaded++;
loadPercentage = (loaded / preLoadedAudio.length) * 100;
musicPlayerDivBackground.style.backgroundImage = "linear-gradient(to right, #ffffff " + String(loadPercentage) + "% , #888888 0%)";
if (loaded == preLoadedAudio.length)
{
console.log("All audio has been pre-loaded!");
}
}
function preloadThemes()
{
if (!isMapEditor)
{
determineThemesToPreload();
getCOThemesToPreload();
getGenericThemesToPreload();
getMovementSFXToPreload();
getGameSFXToPreload();
}
else
{
preLoadedAudio.push(mapTheme);
}
preloadAudio();
}
const playMovementSound = (audioURL, playCount = 1, volume) =>
{
const audioContext = new AudioContext();
audioContext.resume();
let playCountArray = [];
for (let i = 0; i < playCount; i++) {
let soundInstance = new Audio(audioURL);
playCountArray.push(soundInstance);
if (playCountArray.length < playCount)
{
playCountArray[i].addEventListener('ended', () => { playCountArray.shift(); playCountArray[0].currentTime = 0; playCountArray[0].volume = volume; movementSFX = playCountArray[0]; playCountArray[0].play(); });
}
}
movementSFX = playCountArray[0];
// playCountArray[0].preservesPitch = true;
// playCountArray[0].playbackRate = (Math.random() * (1.1 - 0.9) + 0.9).toFixed(4);
playCountArray[0].currentTime = 0;
playCountArray[0].volume = volume;
playCountArray[0].play();
};
var playOneShot = (audioURL, volume) =>
{
const audioContext = new AudioContext();
audioContext.resume();
let soundInstance = new Audio(audioURL);
soundInstance.currentTime = 0;
soundInstance.volume = volume;
console.log(volume);
soundInstance.play();
};
function stopMovementSound(unitId, rolloff)
{
if (movingUnit == unitId && movementSFX != null && rolloff)
{
switch(activeUnitSFX["unitType"])
{
case "APC":
playOneShot(moveTreadLightOneShot, sfxVolume);
break;
case "Anti-Air":
playOneShot(moveTreadLightOneShot, sfxVolume);
break;
case "Artillery":
playOneShot(moveTreadLightOneShot, sfxVolume);
break;
case "B-Copter":
playOneShot(moveBCopterOneShot, sfxVolume);
break;
case "Black Bomb":
playOneShot(movePlaneOneShot, sfxVolume);
break;
case "Bomber":
playOneShot(movePlaneOneShot, sfxVolume);
break;
case "Fighter":
playOneShot(movePlaneOneShot, sfxVolume);
break;
case "Md.Tank":
playOneShot(moveTreadHeavyOneShot, sfxVolume);
break;
case "Mega Tank":
playOneShot(moveTreadHeavyOneShot, sfxVolume);
break;
case "Missile":
playOneShot(moveTiresHeavyOneShot, sfxVolume);
break;
case "Neotank":
playOneShot(moveTreadHeavyOneShot, sfxVolume);
break;
case "Recon":
playOneShot(moveTiresLightOneShot, sfxVolume);
break;
case "Rocket":
playOneShot(moveTiresHeavyOneShot, sfxVolume);
break;
case "Stealth":
playOneShot(movePlaneOneShot, sfxVolume);
break;
case "T-Copter":
playOneShot(moveTCopterOneShot, sfxVolume);
break;
case "Tank":
playOneShot(moveTreadLightOneShot, sfxVolume);
break;
}
movementSFX.currentTime = 0;
movementSFX.pause();
}
}
function playSoundBasedOnUnitType(unitType)
{
switch(unitType)
{
case "APC":
playMovementSound(moveTreadLightLoop, 1, sfxVolume);
break;
case "Anti-Air":
playMovementSound(moveTreadLightLoop, 1, sfxVolume);
break;
case "Artillery":
playMovementSound(moveTreadLightLoop, 1, sfxVolume);
break;
case "B-Copter":
playMovementSound(moveBCopterLoop, 1, sfxVolume);
break;
case "Battleship":
playMovementSound(moveNavalLoop, 1, sfxVolume);
break;
case "Black Boat":
playMovementSound(moveNavalLoop, 1, sfxVolume);
break;
case "Black Bomb":
playMovementSound(movePlaneLoop, 1, sfxVolume);
break;
case "Bomber":
playMovementSound(movePlaneLoop, 1, sfxVolume);
break;
case "Carrier":
playMovementSound(moveNavalLoop, 1, sfxVolume);
break;
case "Cruiser":
playMovementSound(moveNavalLoop, 1, sfxVolume);
break;
case "Fighter":
playMovementSound(movePlaneLoop, 1, sfxVolume);
break;
case "Infantry":
playMovementSound(moveInfLoop, 1, sfxVolume);
break;
case "Lander":
playMovementSound(moveNavalLoop, 1, sfxVolume);
break;
case "Md.Tank":
playMovementSound(moveTreadHeavyLoop, 1, sfxVolume);
break;
case "Mech":
playMovementSound(moveMechLoop, 1, sfxVolume);
break;
case "Mega Tank":
playMovementSound(moveTreadHeavyLoop, 1, sfxVolume);
break;
case "Missile":
playMovementSound(moveTiresHeavyLoop, 1, sfxVolume);
break;
case "Neotank":
playMovementSound(moveTreadHeavyLoop, 1, sfxVolume);
break;
case "Piperunner":
playMovementSound(movePiperunnerLoop, 1, sfxVolume);
break;
case "Recon":
playMovementSound(moveTiresLightLoop, 1, sfxVolume);
break;
case "Rocket":
playMovementSound(moveTiresHeavyLoop, 1, sfxVolume);
break;
case "Stealth":
playMovementSound(movePlaneLoop, 1, sfxVolume);
break;
case "Sub":
playMovementSound(moveSubLoop, 1, sfxVolume);
break;
case "T-Copter":
playMovementSound(moveTCopterLoop, 1, sfxVolume);
break;
case "Tank":
playMovementSound(moveTreadLightLoop, 1, sfxVolume);
break;
}
}
function getPlayerInfo()
{
Object.values(playersInfo).forEach(entry => {
if (entry.users_username == myName) { myID = entry.players_id; };
});
}
// Action Handlers
ahMove = actionHandlers.Move;
actionHandlers.Move = function()
{
ahMove.apply(actionHandlers.Move, arguments);
if (isPlaying == false) return;
// console.log("Movement Arguments");
// console.log(arguments);
if (movingUnit != null && window.location.search.includes('ndx')) { stopMovementSound(movingUnit, false); };
movingUnit = arguments[0].unit.units_id;
var movementDist = arguments[0].path.length;
if (movementDist > 1)
{
var unitType = unitsInfo[arguments[0].unit.units_id].units_name;
activeUnitSFX["unitID"] = movingUnit;
activeUnitSFX["unitType"] = unitType;
playSoundBasedOnUnitType(unitType);
}
// var steps = arguments[0].path.length - 1;
//
// switch (steps)
// {
// case 1:
// playMovementSound(moveInf_1, 1, 0.2);
// break;
// case 2:
// playMovementSound(moveInf_2, 1, 0.5);
// break;
// case 3:
// playMovementSound(moveInf_3, 1, 1);
// break;
// }
}
ahWait = waitUnit;
waitUnit = function()
{
ahWait.apply(waitUnit, arguments);
if (isPlaying == false) return;
if (movementSFX != null)
{
if (arguments[0] !== undefined && unitsInfo[arguments[0]] !== undefined && unitsInfo[arguments[0]].units_moved) { stopMovementSound(arguments[0], true); };
}
// console.log("Wait Arguments");
// console.log(arguments);
}
ahFog = updateAirUnitFogOnMove;
updateAirUnitFogOnMove = function()
{
ahFog.apply(updateAirUnitFogOnMove, arguments);
if (isPlaying == false) return;
if (arguments[5] === "Add")
{
setTimeout(() => {
if (movementSFX != null) { stopMovementSound(movingUnit, true); }
}, arguments[6]);
};
}
ahHide = hideUnit;
hideUnit = function()
{
ahHide.apply(hideUnit, arguments);
if (isPlaying == false) return;
if (movementSFX != null) { stopMovementSound(arguments[0], false); };
}
ahLoad = actionHandlers.Load;
actionHandlers.Load = function()
{
ahLoad.apply(actionHandlers.Load, arguments);
if (isPlaying == false) return;
playOneShot(actionLoadSFX, sfxVolume);
}
ahUnload = actionHandlers.Unload;
actionHandlers.Unload = function()
{
ahUnload.apply(actionHandlers.Unload, arguments);
if (isPlaying == false) return;
playOneShot(actionUnloadSFX, sfxVolume);
}
ahCapt = actionHandlers.Capt;
actionHandlers.Capt = function()
{
ahCapt.apply(actionHandlers.Capt, arguments);
if (isPlaying == false) return;
if ((arguments[0].newIncome != undefined || arguments[0].newIncome != null) && playerKeys.includes(myID))
{
if (arguments[0].buildingInfo.buildings_team != null && arguments[0].buildingInfo.buildings_team != myID)
{
playOneShot(actionCaptEnemySFX, sfxVolume);
}
else if (arguments[0].buildingInfo.buildings_team != null && arguments[0].buildingInfo.buildings_team == myID)
{
playOneShot(actionCaptAllySFX, sfxVolume);
}
}
else if ((arguments[0].newIncome != undefined || arguments[0].newIncome != null) && !playerKeys.includes(myID))
{
if (arguments[0].buildingInfo.buildings_team != null) { playOneShot(actionCaptAllySFX, sfxVolume); };
}
}
ahExplode = animExplosion;
animExplosion = function()
{
ahExplode.apply(animExplosion, arguments);
if (isPlaying == false) return;
playOneShot(actionUnitExplode, sfxVolume);
}
// supply
ahSupply = actionHandlers.Supply;
actionHandlers.Supply = function()
{
ahSupply.apply(actionHandlers.Supply, arguments);
if (isPlaying == false) return;
playOneShot(actionSupplyRepair, sfxVolume);
}
ahRepair = actionHandlers.Repair;
actionHandlers.Repair = function()
{
ahRepair.apply(actionHandlers.Repair, arguments);
if (isPlaying == false) return;
playOneShot(actionSupplyRepair, sfxVolume);
}
// Custom context menu
let contextMenu = document.createElement('div');
contextMenu.id = 'div-context-menu';
contextMenu.classList.add('cls-context-menu');
contextMenu.style.position = 'absolute';
contextMenu.style.height = '76px';
contextMenu.style.paddingTop = '4px';
contextMenu.style.paddingBottom = isMapEditor ? '0px' : '4px';
musicPlayerDiv.appendChild(contextMenu);
// Volume slider
const volumeSlider = document.createElement('input');
volumeSlider.id = "vol-slider";
volumeSlider.type = "range";
volumeSlider.max = "1";
volumeSlider.min = "0";
volumeSlider.step = "0.01";
volumeSlider.value = volume;
let volumeSliderFlexContainer = document.createElement('div');
volumeSliderFlexContainer.id = "vol-slider-flex-container";
volumeSliderFlexContainer.style.display = 'flex';
volumeSliderFlexContainer.style.flexDirection = 'row';
volumeSliderFlexContainer.style.marginBottom = '3.5px';
volumeSliderFlexContainer.style.alignItems = 'center';
let volumeSliderSpanDiv = document.createElement('div');
volumeSliderSpanDiv.id = "vol-slider-div";
volumeSliderSpanDiv.style.display = 'inline-block';
volumeSliderSpanDiv.style.width = '100%';
volumeSliderSpanDiv.style.textAlign = 'center';
let volumeSliderSpan = document.createElement('span');
volumeSliderSpan.id = "vol-slider-desc";
volumeSliderSpan.textContent = "Music Volume";
volumeSliderSpan.style.fontSize = "13px";
contextMenu.appendChild(volumeSliderFlexContainer);
volumeSliderFlexContainer.appendChild(volumeSliderSpanDiv);
volumeSliderSpanDiv.appendChild(volumeSliderSpan);
contextMenu.appendChild(volumeSlider);
// SFX Volume slider
const sfxVolumeSlider = document.createElement('input');
sfxVolumeSlider.id = "vol-sfx-slider";
sfxVolumeSlider.type = "range";
sfxVolumeSlider.max = "1";
sfxVolumeSlider.min = "0";
sfxVolumeSlider.step = "0.01";
sfxVolumeSlider.value = sfxVolume;
let sfxVolumeSliderFlexContainer = document.createElement('div');
sfxVolumeSliderFlexContainer.id = "vol-sfx-slider-flex-container";
sfxVolumeSliderFlexContainer.style.display = 'flex';
sfxVolumeSliderFlexContainer.style.flexDirection = 'row';
sfxVolumeSliderFlexContainer.style.marginBottom = '3.5px';
sfxVolumeSliderFlexContainer.style.marginTop = '3.5px';
sfxVolumeSliderFlexContainer.style.alignItems = 'center';
let sfxVolumeSliderSpanDiv = document.createElement('div');
sfxVolumeSliderSpanDiv.id = "vol-sfx-slider-div";
sfxVolumeSliderSpanDiv.style.display = 'inline-block';
sfxVolumeSliderSpanDiv.style.width = '100%';
sfxVolumeSliderSpanDiv.style.textAlign = 'center';
let sfxVolumeSliderSpan = document.createElement('span');
sfxVolumeSliderSpan.id = "vol-sfx-slider-desc";
sfxVolumeSliderSpan.textContent = "SFX Volume";
sfxVolumeSliderSpan.style.fontSize = "13px";
contextMenu.appendChild(sfxVolumeSliderFlexContainer);
sfxVolumeSliderFlexContainer.appendChild(sfxVolumeSliderSpanDiv);
sfxVolumeSliderSpanDiv.appendChild(sfxVolumeSliderSpan);
contextMenu.appendChild(sfxVolumeSlider);
// Theme flex container
let themeFlexContainer = document.createElement('div');
themeFlexContainer.id = "theme-slider-flex-container";
themeFlexContainer.style.display = 'flex';
themeFlexContainer.style.flexDirection = 'row';
themeFlexContainer.style.marginTop = '5.5px';
themeFlexContainer.style.alignItems = 'center';
let themeSpanDiv = document.createElement('div');
themeSpanDiv.id = "theme-slider-div";
themeSpanDiv.style.display = 'inline-block';
themeSpanDiv.style.width = '100%';
themeSpanDiv.style.textAlign = 'center';
let themeSpan = document.createElement('span');
themeSpan.id = "theme-slider-desc";
themeSpan.textContent = "COP/SCOP Themes";
themeSpan.style.fontSize = "13px";
// Classic COP/SCOP slider
let themeSliderFlexContainer = document.createElement('div');
themeSliderFlexContainer.id = "classic-slider-flex-container";
themeSliderFlexContainer.style.display = 'flex';
themeSliderFlexContainer.style.flexDirection = 'row';
themeSliderFlexContainer.style.marginTop = '5.5px';
themeSliderFlexContainer.style.alignItems = 'center';
themeSliderFlexContainer.style.justifyContent = 'space-around';
let classicSliderSpanDiv = document.createElement('div');
classicSliderSpanDiv.id = "classic-slider-div";
classicSliderSpanDiv.style.display = 'flex';
classicSliderSpanDiv.style.width = 'auto';
classicSliderSpanDiv.style.textAlign = 'center';
classicSliderSpanDiv.style.flexDirection = 'column';
classicSliderSpanDiv.style.alignItems = 'center';
let classicSliderSpan = document.createElement('span');
classicSliderSpan.id = "classic-slider-desc";
classicSliderSpan.textContent = "Classic";
classicSliderSpan.style.fontSize = "11px";
// Ally COP/SCOP slider
let allySliderFlexContainer = document.createElement('div');
allySliderFlexContainer.id = "ally-slider-flex-container";
allySliderFlexContainer.style.display = 'flex';
allySliderFlexContainer.style.flexDirection = 'row';
allySliderFlexContainer.style.marginTop = '3.5px';
allySliderFlexContainer.style.alignItems = 'center';
let allySliderSpanDiv = document.createElement('div');
allySliderSpanDiv.id = "ally-slider-div";
allySliderSpanDiv.style.display = 'flex';
allySliderSpanDiv.style.width = 'auto';
allySliderSpanDiv.style.textAlign = 'center';
allySliderSpanDiv.style.flexDirection = 'column';
allySliderSpanDiv.style.alignItems = 'center';
let allySliderSpan = document.createElement('span');
allySliderSpan.id = "ally-slider-desc";
allySliderSpan.textContent = "Allies";
allySliderSpan.style.fontSize = "11px";
// Black Hole COP/SCOP slider
let bhSliderFlexContainer = document.createElement('div');
bhSliderFlexContainer.id = "bh-slider-flex-container";
bhSliderFlexContainer.style.display = 'flex';
bhSliderFlexContainer.style.flexDirection = 'row';
bhSliderFlexContainer.style.marginTop = '3.5px';
bhSliderFlexContainer.style.alignItems = 'center';
let bhSliderSpanDiv = document.createElement('div');
bhSliderSpanDiv.id = "bh-slider-div";
bhSliderSpanDiv.style.display = 'flex';
bhSliderSpanDiv.style.width = 'auto';
bhSliderSpanDiv.style.textAlign = 'center';
bhSliderSpanDiv.style.flexDirection = 'column';
bhSliderSpanDiv.style.alignItems = 'center';
let bhSliderSpan = document.createElement('span');
bhSliderSpan.id = "bh-slider-desc";
bhSliderSpan.textContent = "Enemies";
bhSliderSpan.style.fontSize = "11px";
// Radio buttons
var classicRadioBtn = document.createElement('input');
classicRadioBtn.id = "classic-radio-btn";
classicRadioBtn.classList.add('theme-radio-btn');
classicRadioBtn.type = "radio";
var allyRadioBtn = document.createElement('input');
allyRadioBtn.id = "ally-radio-btn";
allyRadioBtn.classList.add('theme-radio-btn');
allyRadioBtn.type = "radio";
var enemyRadioBtn = document.createElement('input');
enemyRadioBtn.id = "enemy-radio-btn";
enemyRadioBtn.classList.add('theme-radio-btn');
enemyRadioBtn.type = "radio";
contextMenu.appendChild(themeFlexContainer);
themeFlexContainer.appendChild(themeSpanDiv);
themeSpanDiv.appendChild(themeSpan);
contextMenu.appendChild(themeSliderFlexContainer);
themeSliderFlexContainer.appendChild(classicSliderSpanDiv);
classicSliderSpanDiv.appendChild(classicRadioBtn);
classicSliderSpanDiv.appendChild(classicSliderSpan);
themeSliderFlexContainer.appendChild(allySliderSpanDiv);
allySliderSpanDiv.appendChild(allyRadioBtn);
allySliderSpanDiv.appendChild(allySliderSpan);
themeSliderFlexContainer.appendChild(bhSliderSpanDiv);
bhSliderSpanDiv.appendChild(enemyRadioBtn);
bhSliderSpanDiv.appendChild(bhSliderSpan);
// CO Theme Options flex container
let coThemeOptionsFlexContainer = document.createElement('div');
coThemeOptionsFlexContainer.id = "co-theme-slider-flex-container";
coThemeOptionsFlexContainer.style.display = 'flex';
coThemeOptionsFlexContainer.style.flexDirection = 'row';
coThemeOptionsFlexContainer.style.marginTop = '5.5px';
coThemeOptionsFlexContainer.style.alignItems = 'center';
let coThemeOptionsSpanDiv = document.createElement('div');
coThemeOptionsSpanDiv.id = "co-theme-slider-div";
coThemeOptionsSpanDiv.style.display = 'inline-block';
coThemeOptionsSpanDiv.style.width = '100%';
coThemeOptionsSpanDiv.style.textAlign = 'center';
let coThemeOptionsSpan = document.createElement('span');
coThemeOptionsSpan.id = "theme-slider-desc";
coThemeOptionsSpan.textContent = "CO Themes";
coThemeOptionsSpan.style.fontSize = "13px";
contextMenu.appendChild(coThemeOptionsFlexContainer);
coThemeOptionsFlexContainer.appendChild(coThemeOptionsSpanDiv);
coThemeOptionsSpanDiv.appendChild(coThemeOptionsSpan);
// CO Theme Container
let coThemeFlexContainer = document.createElement('div');
coThemeFlexContainer.id = "co-theme-flex-container";
coThemeFlexContainer.style.display = 'flex';
coThemeFlexContainer.style.flexDirection = 'row';
coThemeFlexContainer.style.marginTop = '3.5px';
coThemeFlexContainer.style.alignItems = 'center';
coThemeFlexContainer.style.justifyContent = 'space-evenly';
let coThemeSpanDiv = document.createElement('div');
coThemeSpanDiv.id = "co-theme-div";
coThemeSpanDiv.style.display = 'flex';
coThemeSpanDiv.style.width = 'auto';
coThemeSpanDiv.style.textAlign = 'center';
coThemeSpanDiv.style.flexDirection = 'column';
coThemeSpanDiv.style.alignItems = 'center';
let coThemeSpan = document.createElement('span');
coThemeSpan.id = "co-theme-desc";
coThemeSpan.textContent = "Classic";
coThemeSpan.style.fontSize = "11px";
// CO Random Container
let coRandomSpanDiv = document.createElement('div');
coRandomSpanDiv.id = "co-random-div";
coRandomSpanDiv.style.display = 'flex';
coRandomSpanDiv.style.width = 'auto';
coRandomSpanDiv.style.textAlign = 'center';
coRandomSpanDiv.style.flexDirection = 'column';
coRandomSpanDiv.style.alignItems = 'center';
let coRandomSpan = document.createElement('span');
coRandomSpan.id = "co-random-desc";
coRandomSpan.textContent = "Random";
coRandomSpan.style.fontSize = "11px";
// Radio buttons
var coThemeRadioBtn = document.createElement('input');
coThemeRadioBtn.id = "co-theme-radio-btn";
coThemeRadioBtn.classList.add('theme-radio-btn');
coThemeRadioBtn.type = "radio";
var randomThemeRadioBtn = document.createElement('input');
randomThemeRadioBtn.id = "random-theme-radio-btn";
randomThemeRadioBtn.classList.add('theme-radio-btn');
randomThemeRadioBtn.type = "radio";
var shuffleButton = document.createElement("button");
shuffleButton.id = 'shuffle-button';
randomThemeRadioBtn.classList.add('shuffle-button-enabled');
shuffleButton.innerHTML = 'Shuffle';
shuffleButton.addEventListener ("click", function() {
if (isPlaying && isRandomCOTheme)
{
stopTunes();
playTunes();
}
});
contextMenu.appendChild(coThemeFlexContainer);
coThemeFlexContainer.appendChild(coThemeSpanDiv);
coThemeSpanDiv.appendChild(coThemeRadioBtn);
coThemeSpanDiv.appendChild(coThemeSpan);
coThemeFlexContainer.appendChild(coRandomSpanDiv);
coRandomSpanDiv.appendChild(randomThemeRadioBtn);
coRandomSpanDiv.appendChild(coRandomSpan);
coThemeFlexContainer.appendChild(shuffleButton);
let versionDiv = document.createElement('div');
versionDiv.id = "version-number-div";
versionDiv.style.width = '100%';
versionDiv.style.marginTop = "5px";
let versionSpan = document.createElement('span');
versionSpan.id = "version-number";
versionSpan.textContent = "VERSION: " + MY_VERSION + " / " + NEWEST_VERSION;
versionSpan.style.fontSize = "9px";
versionSpan.style.color = "#888888";
contextMenu.appendChild(versionDiv);
versionDiv.appendChild(versionSpan);
function getVersionNumber()
{
fetch('https://greasyfork.org/en/scripts/460090-awbwmp-stager').then(function (response) {
return response.text();
}).then(function (html) {
var parser = new DOMParser();
var doc = parser.parseFromString(html, 'text/html');
var newestVersionNumber = doc.getElementsByClassName("script-show-version");
NEWEST_VERSION = String(newestVersionNumber[1].firstChild.innerHTML);
versionSpan.textContent = "VERSION: " + MY_VERSION + " / ";
var myNum;
var newNum;
var outOfDate = false;
if (Number(MY_VERSION.split(".")[0]) < Number(NEWEST_VERSION.split(".")[0]))
{
outOfDate = true;
}
else if (Number(MY_VERSION.split(".")[1]) < Number(NEWEST_VERSION.split(".")[1]))
{
outOfDate = true;
}
else if (Number(MY_VERSION.split(".")[0]) < Number(NEWEST_VERSION.split(".")[0]))
{
outOfDate = true;
}
console.log(myNum);
console.log(newNum);
if (outOfDate)
{
versionSpan.textContent = "";
let versionText = "UPDATE TO " + NEWEST_VERSION;
let link = document.createElement("a")
let txt = document.createTextNode(versionText)
link.appendChild(txt)
link.title = versionText;
link.id = "version-link";
link.target = '_blank';
link.href = "https://greasyfork.org/en/scripts/459630-awbw-music-player";
let el = document.getElementById("version-number");
el.appendChild(link)
}
else
{
versionSpan.textContent = "VERSION " + MY_VERSION;
}
}).catch(function (err) {
// There was an error
console.warn('Something went wrong.', err);
});
}
function disableShuffle(bool)
{
shuffleButton.disabled = bool;
if (bool)
{
shuffleButton.classList.add('shuffle-button-disabled');
shuffleButton.classList.remove('shuffle-button-enabled');
}
else
{
shuffleButton.classList.remove('shuffle-button-disabled');
shuffleButton.classList.add('shuffle-button-enabled');
}
}
// Volume control
let modifyVolume = function(val)
{
volume = val.target.value;
currentTheme.volume = volume;
musicPlayerSettings["volume"] = volume;
updateObjectInLocalStorage();
// console.log("changing volume to: " + String(volume));
}
document.getElementById("vol-slider").addEventListener ("input", modifyVolume, false);
// SFX volume control
let modifySFXVolume = function(val)
{
sfxVolume = val.target.value;
currentSFX.volume = sfxVolume;
musicPlayerSettings["sfx-volume"] = sfxVolume;
updateObjectInLocalStorage();
// console.log("changing volume to: " + String(volume));
}
document.getElementById("vol-sfx-slider").addEventListener ("input", modifySFXVolume, false);
// Toggle Classic COP/SCOP
let isClassicTheme = false;
let toggleClassicTheme = function(val)
{
musicPlayerSettings["themeType"] = 1;
updateObjectInLocalStorage();
isClassicTheme = true;
isAllyTheme = false;
isEnemyTheme = false;
allyRadioBtn.checked = false;
enemyRadioBtn.checked = false;
}
document.getElementById("classic-radio-btn").addEventListener ("change", toggleClassicTheme, false);
// Toggle Ally COP/SCOP
let isAllyTheme = false;
let toggleAllyTheme = function(val)
{
musicPlayerSettings["themeType"] = 2;
updateObjectInLocalStorage();
isAllyTheme = true;
isClassicTheme = false;
isEnemyTheme = false;
classicRadioBtn.checked = false;
enemyRadioBtn.checked = false;
}
document.getElementById("ally-radio-btn").addEventListener ("change", toggleAllyTheme, false);
// Toggle Enemy COP/SCOP
let isEnemyTheme = false;
let toggleEnemyTheme = function(val)
{
musicPlayerSettings["themeType"] = 3;
updateObjectInLocalStorage();
isEnemyTheme = true;
isClassicTheme = false;
isAllyTheme = false;
classicRadioBtn.checked = false;
allyRadioBtn.checked = false;
}
document.getElementById("enemy-radio-btn").addEventListener ("change", toggleEnemyTheme, false);
// Toggle Classic CO Themes
let isClassicCOTheme = false;
let toggleClassicCOTheme = function(val)
{
musicPlayerSettings["coThemeType"] = 1;
updateObjectInLocalStorage();
isClassicCOTheme = true;
isRandomCOTheme = false;
coThemeRadioBtn.checked = true;
randomThemeRadioBtn.checked = false;
currentTheme.loop = true;
disableShuffle(true);
if (isPlaying)
{
stopTunes();
playTunes();
}
}
document.getElementById("co-theme-radio-btn").addEventListener ("change", toggleClassicCOTheme, false);
// Toggle Random CO Themes
let isRandomCOTheme = false;
let toggleRandomCOTheme = function(val)
{
musicPlayerSettings["coThemeType"] = 2;
updateObjectInLocalStorage();
isClassicCOTheme = false;
isRandomCOTheme = true;
coThemeRadioBtn.checked = false;
randomThemeRadioBtn.checked = true;
currentTheme.loop = false;
disableShuffle(false);
if (isPlaying)
{
stopTunes();
playTunes();
}
}
document.getElementById("random-theme-radio-btn").addEventListener ("change", toggleRandomCOTheme, false);
// Tool-tip functions
let lastTooltipState = "";
let hoverClassicTheme = function()
{
lastTooltipState = musicPlayerDivHoverSpan.innerText;
musicPlayerDivHoverSpan.innerText = "Play CO-Specific COP/SCOP Themes";
}
document.getElementById("classic-radio-btn").addEventListener ("mouseover", hoverClassicTheme, false);
let hoverAllyTheme = function()
{
lastTooltipState = musicPlayerDivHoverSpan.innerText;
musicPlayerDivHoverSpan.innerText = "Only Play Macro Land COP/SCOP Themes";
}
document.getElementById("ally-radio-btn").addEventListener ("mouseover", hoverAllyTheme, false);
let hoverEnemyTheme = function()
{
lastTooltipState = musicPlayerDivHoverSpan.innerText;
musicPlayerDivHoverSpan.innerText = "Only Play Black Hole COP/SCOP Themes";
}
document.getElementById("enemy-radio-btn").addEventListener ("mouseover", hoverEnemyTheme, false);
let hoverCassicCOTheme = function()
{
lastTooltipState = musicPlayerDivHoverSpan.innerText;
musicPlayerDivHoverSpan.innerText = "Play Theme of Active CO";
}
document.getElementById("co-theme-radio-btn").addEventListener ("mouseover", hoverCassicCOTheme, false);
let hoverRandomOTheme = function()
{
lastTooltipState = musicPlayerDivHoverSpan.innerText;
musicPlayerDivHoverSpan.innerText = "Play Random CO Themes";
}
document.getElementById("random-theme-radio-btn").addEventListener ("mouseover", hoverRandomOTheme, false);
let hoverOut = function()
{
musicPlayerDivHoverSpan.innerText = lastTooltipState;
}
document.getElementById("classic-radio-btn").addEventListener ("mouseout", hoverOut, false);
document.getElementById("ally-radio-btn").addEventListener ("mouseout", hoverOut, false);
document.getElementById("enemy-radio-btn").addEventListener ("mouseout", hoverOut, false);
document.getElementById("co-theme-radio-btn").addEventListener ("mouseout", hoverOut, false);
document.getElementById("random-theme-radio-btn").addEventListener ("mouseout", hoverOut, false);
function setVolume()
{
let s = String(volume);
volumeSlider.value = s;
currentTheme.volume = volume;
let ssfx = String(sfxVolume);
sfxVolumeSlider.value = ssfx;
currentSFX.volume = sfxVolume;
}
function setDefaultThemeMode()
{
if (musicPlayerSettings["themeType"] == null)
{
musicPlayerSettings["themeType"] = 1;
isClassicTheme = true;
isAllyTheme = false;
isEnemyTheme = false;
classicRadioBtn.checked = true;
allyRadioBtn.checked = false;
enemyRadioBtn.checked = false;
isClassicCOTheme = true;
isRandomCOTheme = false;
coThemeRadioBtn.checked = true;
randomThemeRadioBtn.checked = false;
disableShuffle(true);
}
}
function setThemeMode()
{
if (musicPlayerSettings["themeType"] != undefined && musicPlayerSettings["themeType"] == 1)
{
isClassicTheme = true;
isAllyTheme = false;
isEnemyTheme = false;
classicRadioBtn.checked = true;
allyRadioBtn.checked = false;
enemyRadioBtn.checked = false;
}
else if (musicPlayerSettings["themeType"] != undefined && musicPlayerSettings["themeType"] == 2)
{
isClassicTheme = false;
isAllyTheme = true;
isEnemyTheme = false;
classicRadioBtn.checked = false;
allyRadioBtn.checked = true;
enemyRadioBtn.checked = false;
}
else if (musicPlayerSettings["themeType"] != undefined && musicPlayerSettings["themeType"] == 3)
{
isClassicTheme = false;
isAllyTheme = false;
isEnemyTheme = true;
classicRadioBtn.checked = false;
allyRadioBtn.checked = false;
enemyRadioBtn.checked = true;
}
else
{
isClassicTheme = true;
isAllyTheme = false;
isEnemyTheme = false;
classicRadioBtn.checked = true;
allyRadioBtn.checked = false;
enemyRadioBtn.checked = false;
}
}
function setCOThemeMode()
{
if (musicPlayerSettings["coThemeType"] != undefined && musicPlayerSettings["coThemeType"] == 1)
{
isClassicCOTheme = true;
isRandomCOTheme = false;
coThemeRadioBtn.checked = true;
randomThemeRadioBtn.checked = false;
disableShuffle(true);
}
else if (musicPlayerSettings["coThemeType"] != undefined && musicPlayerSettings["coThemeType"] == 2)
{
isClassicCOTheme = false;
isRandomCOTheme = true;
coThemeRadioBtn.checked = false;
randomThemeRadioBtn.checked = true;
disableShuffle(false);
}
else
{
isClassicCOTheme = true;
isRandomCOTheme = false;
coThemeRadioBtn.checked = true;
randomThemeRadioBtn.checked = false;
disableShuffle(true);
}
}
on(document, "click", function(e)
{
if (e.target.id == "div-context-menu" ||
e.target.id == "vol-slider" ||
e.target.id == "vol-sfx-slider" ||
e.target.id == "bh-slider-div" ||
e.target.id == "ally-slider-div" ||
e.target.id == "classic-slider-div" ||
e.target.id == "classic-radio-btn" ||
e.target.id == "ally-radio-btn" ||
e.target.id == "enemy-radio-btn" ||
e.target.id == "co-theme-radio-btn" ||
e.target.id == "random-theme-radio-btn" ||
e.target.id == "co-theme-div" ||
e.target.id == "co-random-div" ||
e.target.id == "shuffle-button") return;
contextMenu.style.display = 'none';
});
let contextMenuOpen = false;
document.getElementById('music-player-parent').oncontextmenu = function(e){
let elmnt = e.target
if (elmnt.id.startsWith ("music-player")) {
e.preventDefault();
let eid = elmnt.id.replace(/link-/,"");
contextMenu.style.height = '245px';
contextMenu.style.width = '175px';
contextMenu.style.top = '37px';
contextMenu.style.display = 'block';
let toRepl = "to=" + eid.toString();
setVolume();
contextMenuOpen = true;
}
}
// Store settings in local storage
function loadSettings()
{
if (window.localStorage.getItem('musicPlayerSettings') != null)
{
musicPlayerSettings = JSON.parse(window.localStorage.getItem('musicPlayerSettings'));
if (musicPlayerSettings["volume"] != undefined) { volume = musicPlayerSettings["volume"]; }
if (musicPlayerSettings["sfx-volume"] != undefined) { sfxVolume = musicPlayerSettings["sfx-volume"]; };
setVolume();
setThemeMode();
setCOThemeMode();
}
else
{
initializeMusicPlayerSettings();
}
}
function initializeMusicPlayerSettings()
{
addObjectToLocalStorage();
}
function addObjectToLocalStorage()
{
localStorage.setItem('musicPlayerSettings', JSON.stringify(matchupHistory));
}
function updateObjectInLocalStorage()
{
localStorage.removeItem(musicPlayerSettings);
localStorage.setItem('musicPlayerSettings', JSON.stringify(musicPlayerSettings));
}
function resetSettings()
{
localStorage.removeItem(musicPlayerSettings);
}
// Custom styling for context menu
let styles = `
// Context Menu
.cls-context-menu-link {
display:block;
padding:20px;
background:#ECECEC;
}
.cls-context-menu {
position:absolute;
display:none;
width: 175px;
height: 225px;
padding-top: 4px;
}
.cls-context-menu ul, #context-menu li {
list-style:none;
margin:0; padding:0;
background:white;
}
.cls-context-menu { border: 1px solid #888888 !important;}
.cls-context-menu li { border: 1px solid #888888; }
.cls-context-menu li:last-child { border:none; }
.cls-context-menu li a {
display:block;
padding:5px 10px;
text-decoration:none;
color:blue;
}
.cls-context-menu li a:hover {
background:blue;
color:#FFF;
}
// Input Range
:root {
--shadow-len: -60px;
}
input[type="range"] {
margin: auto;
-webkit-appearance: none;
position: relative;
overflow: hidden;
height: 25px;
cursor: pointer;
border-radius: 0; /* iOS */
}
::-webkit-slider-runnable-track {
background: #ddd;
}
/*
* 1. Set to 0 width and remove border for a slider without a thumb
* 2. Shadow is negative the full width of the input and has a spread
* of the width of the input.
*/
::-webkit-slider-thumb {
-webkit-appearance: none;
width: 20px; /* 1 */
height: 25px;
background: #fff;
box-shadow: -200px 0 0 200px #0066CC; /* 2 */
border: 2px solid #888888; /* 1 */
clip-path: inset(0px 0px 0px let(--shadow-len));
}
::-moz-range-track {
height: 25px;
background: #888888;
}
::-moz-range-thumb {
background: #fff;
height: 25px;
width: 20px;
border: 3px solid #888888;
border-radius: 0 !important;
box-shadow: -200px 0 0 200px #0066CC;
box-sizing: border-box;
clip-path: inset(0px 0px 0px let(--shadow-len));
}
::-ms-fill-lower {
background: #0066CC;
}
::-ms-thumb {
background: #fff;
border: 3px solid #999;
height: 25px;
width: 20px;
box-sizing: border-box;
}
::-ms-ticks-after {
display: none;
}
::-ms-ticks-before {
display: none;
}
::-ms-track {
background: #888888;
color: transparent;
height: 25px;
border: none;
}
::-ms-tooltip {
display: none;
}
.theme-radio-btn {
height: 14px;
width: 14px;
}
.theme-radio-btn:hover {
cursor: pointer;
}
#shuffle-button {
font-family: "Nova Square", cursive;
line-height: 25px;
}
.shuffle-button-enabled {
color: white;
background: #0066CC;
border: 2px solid #0066CC;
}
.shuffle-button-enabled:hover {
cursor: pointer;
}
.shuffle-button-enabled:active {
color: black;
background: white;
border: 2px solid #888888;
}
.shuffle-button-disabled {
color: white;
background: #888888;
border: 2px solid #888888;
}
.blob {
animation: shine 1.5s ease-in-out infinite;
animation-fill-mode: forwards;
animation-direction: alternate;
}
#version-link {
color: #0066CC;
font-weight: bold;
text-decoration: underline;
}
@keyframes shine{
0% {
filter: brightness(100%);
}
100% {
filter: brightness(175%);
}
}
`
let styleSheet = document.createElement("style")
styleSheet.innerText = styles
document.head.appendChild(styleSheet);
getPlayerInfo();
preloadThemes();
setDefaultThemeMode();
loadSettings();
getVersionNumber();