summaryrefslogtreecommitdiff
path: root/app/index.php
diff options
context:
space:
mode:
authorRaindropsSys <raindrops@equestria.dev>2023-11-08 20:59:42 +0100
committerRaindropsSys <raindrops@equestria.dev>2023-11-08 20:59:42 +0100
commitb83a38434156038bc02db74cb93fa8460d0f2f32 (patch)
tree5229c62153ad640f164ff3d4a837bd8345305e02 /app/index.php
parent4755889793a36a1f33282ee4759445bef1eb2bb2 (diff)
downloadmist-b83a38434156038bc02db74cb93fa8460d0f2f32.tar.gz
mist-b83a38434156038bc02db74cb93fa8460d0f2f32.tar.bz2
mist-b83a38434156038bc02db74cb93fa8460d0f2f32.zip
Updated 16 files, added 3 files, deleted android/app/release/app-release.apk.zip and renamed android/app/release/app-release.apk (automated)
Diffstat (limited to 'app/index.php')
-rw-r--r--app/index.php300
1 files changed, 165 insertions, 135 deletions
diff --git a/app/index.php b/app/index.php
index 6de3cdf..b53bb43 100644
--- a/app/index.php
+++ b/app/index.php
@@ -304,7 +304,10 @@ require_once $_SERVER['DOCUMENT_ROOT'] . "/includes/session.php"; global $_PROFI
}
if (window.discordRichPresenceData !== null) window.discordRichPresenceData = {
- largeImageKey: "logo"
+ largeImageKey: "logo",
+ buttons : [
+ { label: 'View profile', url: 'https://mist.equestria.horse/profile/?/<?= $_PROFILE["id"] ?>' }
+ ]
};
document.title = "Mist";
@@ -388,7 +391,7 @@ require_once $_SERVER['DOCUMENT_ROOT'] . "/includes/session.php"; global $_PROFI
function initializePlayerDocument() {
playerDocument.getElementById("player-audio").ontimeupdate = playerDocument.getElementById("player-audio").onchange = playerDocument.getElementById("player-audio").onunload = playerDocument.getElementById("player-audio").onstop = () => {
- updateDisplay();
+ updateDisplay(false);
if (playingStella) {
if (playerDocument.getElementById("player-audio").paused) {
@@ -466,7 +469,7 @@ require_once $_SERVER['DOCUMENT_ROOT'] . "/includes/session.php"; global $_PROFI
window.preloadedGainsBoosted2[window.currentSongID].connect(window.currentNormalizationContext.destination);
}
- updateDisplay();
+ updateDisplay(false);
}
window.needsDurationChange = true;
@@ -481,14 +484,14 @@ require_once $_SERVER['DOCUMENT_ROOT'] . "/includes/session.php"; global $_PROFI
playerDocument.getElementById("player-audio").onpause = () => {
if (window.preloadedGains[window.currentSongID]) {
try {
- window.currentNormalizationSource.disconnect(window.preloadedGains[window.currentSongID]);
+ window.currentNormalizationSource.disconnect();
if (playingStella) {
- window.currentNormalizationSource2.disconnect(window.preloadedGainsBoosted1[window.currentSongID]);
- window.currentNormalizationSource3.disconnect(window.preloadedGainsBoosted2[window.currentSongID]);
+ window.currentNormalizationSource2.disconnect();
+ window.currentNormalizationSource3.disconnect();
}
- window.preloadedGains[window.currentSongID].disconnect(window.currentNormalizationContext.destination);
+ window.preloadedGains[window.currentSongID].disconnect();
} catch (e) {
console.error(e);
}
@@ -501,16 +504,16 @@ require_once $_SERVER['DOCUMENT_ROOT'] . "/includes/session.php"; global $_PROFI
window.currentNormalizationSource5
]) {
try {
- player.disconnect(window.preloadedGainsBoosted1[window.currentSongID]);
- window.preloadedGainsBoosted1[window.currentSongID].disconnect(window.currentNormalizationContext.destination);
+ player.disconnect();
+ window.preloadedGainsBoosted1[window.currentSongID].disconnect();
} catch (e) {
console.error(e);
}
}
try {
- window.currentNormalizationSource1.disconnect(window.preloadedGainsBoosted2[window.currentSongID]);
- window.preloadedGainsBoosted2[window.currentSongID].disconnect(window.currentNormalizationContext.destination);
+ window.currentNormalizationSource1.disconnect();
+ window.preloadedGainsBoosted2[window.currentSongID].disconnect();
} catch (e) {
console.error(e);
}
@@ -522,7 +525,7 @@ require_once $_SERVER['DOCUMENT_ROOT'] . "/includes/session.php"; global $_PROFI
return;
}
- updateDisplay();
+ updateDisplay(false);
updateAndroidNotification();
}
}
@@ -535,67 +538,53 @@ require_once $_SERVER['DOCUMENT_ROOT'] . "/includes/session.php"; global $_PROFI
}
}
- function updateDisplay() {
- if (playerDocument.getElementById("player-audio").paused) {
- document.title = "Mist";
- } else if (currentSong) {
- document.title = currentSong.artist + " — " + currentSong.title;
- } else {
- document.title = "Mist";
- }
-
- if (window.discordRichPresenceData !== null && currentSong) window.discordRichPresenceData = {
- largeImageKey: "https://" + location.hostname + "/albumart.php?i=" + currentSongID,
- state: currentSong.title,
- details: currentSong.artist,
- smallImageKey: "logo",
- smallImageText: "Listening on Mist",
- largeImageText: currentSong.album ?? currentSong.artist
- };
-
- playerDocument.getElementById("info").style.display = "grid";
- playerDocument.getElementById("cover").style.display = "none";
-
- if ('mediaSession' in document.getElementById("player").contentWindow.navigator) {
- document.getElementById("player").contentWindow.navigator.mediaSession.playbackState = playerDocument.getElementById("player-audio").paused ? "paused" : "playing";
- let state = {
- duration: isFinite(playerDocument.getElementById("player-audio").duration) ? playerDocument.getElementById("player-audio").duration : 0,
- position: playerDocument.getElementById("player-audio").currentTime,
- playbackRate: 1
+ function updateDisplay(initial) {
+ if (initial) {
+ if (playerDocument.getElementById("player-audio").paused) {
+ document.title = "Mist";
+ } else if (currentSong) {
+ document.title = currentSong.artist + " — " + currentSong.title;
+ } else {
+ document.title = "Mist";
}
- document.getElementById("player").contentWindow.navigator.mediaSession.setPositionState(state);
- document.getElementById("player").contentWindow.navigator.mediaSession.setActionHandler("play", () => {
- playPause();
- });
- document.getElementById("player").contentWindow.navigator.mediaSession.setActionHandler("pause", () => {
- playPause();
- });
- document.getElementById("player").contentWindow.navigator.mediaSession.setActionHandler("stop", () => {
- stop();
- });
- document.getElementById("player").contentWindow.navigator.mediaSession.setActionHandler("seekbackward", (e) => {
- let time = e.seekOffset ?? 10;
+ if (window.discordRichPresenceData !== null && currentSong) window.discordRichPresenceData = {
+ largeImageKey: "https://" + location.hostname + "/albumart.php?i=" + currentSongID,
+ buttons : [
+ { label: 'View profile', url: 'https://mist.equestria.horse/profile/?/<?= $_PROFILE["id"] ?>' }
+ ],
+ state: currentSong.title,
+ details: currentSong.artist,
+ smallImageKey: "logo",
+ smallImageText: "Listening on Mist",
+ largeImageText: currentSong.album ?? currentSong.artist
+ };
+
+ playerDocument.getElementById("info").style.display = "grid";
+ playerDocument.getElementById("cover").style.display = "none";
+ }
- if (playerDocument.getElementById("player-audio").currentTime >= time) {
- playerDocument.getElementById("player-audio").currentTime -= time;
- } else {
- playerDocument.getElementById("player-audio").currentTime = 0;
- }
+ if ('mediaSession' in document.getElementById("player").contentWindow.navigator) {
+ if (initial) {
+ document.getElementById("player").contentWindow.navigator.mediaSession.playbackState = playerDocument.getElementById("player-audio").paused ? "paused" : "playing";
- if (playingStella) {
- playerDocument.getElementById("player-audio-stella-side1").currentTime = playerDocument.getElementById("player-audio").currentTime;
- playerDocument.getElementById("player-audio-stella-side2").currentTime = playerDocument.getElementById("player-audio").currentTime;
- playerDocument.getElementById("player-audio-stella-side3").currentTime = playerDocument.getElementById("player-audio").currentTime;
- playerDocument.getElementById("player-audio-stella-side4").currentTime = playerDocument.getElementById("player-audio").currentTime;
- playerDocument.getElementById("player-audio-stella-side5").currentTime = playerDocument.getElementById("player-audio").currentTime;
- }
- });
- document.getElementById("player").contentWindow.navigator.mediaSession.setActionHandler("seekforward", (e) => {
- let time = e.seekOffset ?? 10;
+ document.getElementById("player").contentWindow.navigator.mediaSession.setActionHandler("play", () => {
+ playPause();
+ });
+ document.getElementById("player").contentWindow.navigator.mediaSession.setActionHandler("pause", () => {
+ playPause();
+ });
+ document.getElementById("player").contentWindow.navigator.mediaSession.setActionHandler("stop", () => {
+ stop();
+ });
+ document.getElementById("player").contentWindow.navigator.mediaSession.setActionHandler("seekbackward", (e) => {
+ let time = e.seekOffset ?? 10;
- if (playerDocument.getElementById("player-audio").currentTime + time < playerDocument.getElementById("player-audio").duration) {
- playerDocument.getElementById("player-audio").currentTime += time;
+ if (playerDocument.getElementById("player-audio").currentTime >= time) {
+ playerDocument.getElementById("player-audio").currentTime -= time;
+ } else {
+ playerDocument.getElementById("player-audio").currentTime = 0;
+ }
if (playingStella) {
playerDocument.getElementById("player-audio-stella-side1").currentTime = playerDocument.getElementById("player-audio").currentTime;
@@ -604,57 +593,99 @@ require_once $_SERVER['DOCUMENT_ROOT'] . "/includes/session.php"; global $_PROFI
playerDocument.getElementById("player-audio-stella-side4").currentTime = playerDocument.getElementById("player-audio").currentTime;
playerDocument.getElementById("player-audio-stella-side5").currentTime = playerDocument.getElementById("player-audio").currentTime;
}
- } else {
+ });
+ document.getElementById("player").contentWindow.navigator.mediaSession.setActionHandler("seekforward", (e) => {
+ let time = e.seekOffset ?? 10;
+
+ if (playerDocument.getElementById("player-audio").currentTime + time < playerDocument.getElementById("player-audio").duration) {
+ playerDocument.getElementById("player-audio").currentTime += time;
+
+ if (playingStella) {
+ playerDocument.getElementById("player-audio-stella-side1").currentTime = playerDocument.getElementById("player-audio").currentTime;
+ playerDocument.getElementById("player-audio-stella-side2").currentTime = playerDocument.getElementById("player-audio").currentTime;
+ playerDocument.getElementById("player-audio-stella-side3").currentTime = playerDocument.getElementById("player-audio").currentTime;
+ playerDocument.getElementById("player-audio-stella-side4").currentTime = playerDocument.getElementById("player-audio").currentTime;
+ playerDocument.getElementById("player-audio-stella-side5").currentTime = playerDocument.getElementById("player-audio").currentTime;
+ }
+ } else {
+ next();
+ }
+ });
+ document.getElementById("player").contentWindow.navigator.mediaSession.setActionHandler("seekto", (e) => {
+ if (e.seekTime) {
+ playerDocument.getElementById("player-audio").currentTime = e.seekTime;
+
+ if (playingStella) {
+ playerDocument.getElementById("player-audio-stella-side1").currentTime = playerDocument.getElementById("player-audio").currentTime;
+ playerDocument.getElementById("player-audio-stella-side2").currentTime = playerDocument.getElementById("player-audio").currentTime;
+ playerDocument.getElementById("player-audio-stella-side3").currentTime = playerDocument.getElementById("player-audio").currentTime;
+ playerDocument.getElementById("player-audio-stella-side4").currentTime = playerDocument.getElementById("player-audio").currentTime;
+ playerDocument.getElementById("player-audio-stella-side5").currentTime = playerDocument.getElementById("player-audio").currentTime;
+ }
+ }
+ });
+ document.getElementById("player").contentWindow.navigator.mediaSession.setActionHandler("previoustrack", () => {
+ if (playlist[currentPlaylistPosition - 1]) {
+ previous();
+ } else {
+ playerDocument.getElementById("player-audio").currentTime = 0;
+
+ if (playingStella) {
+ playerDocument.getElementById("player-audio-stella-side1").currentTime = playerDocument.getElementById("player-audio").currentTime;
+ playerDocument.getElementById("player-audio-stella-side2").currentTime = playerDocument.getElementById("player-audio").currentTime;
+ playerDocument.getElementById("player-audio-stella-side3").currentTime = playerDocument.getElementById("player-audio").currentTime;
+ playerDocument.getElementById("player-audio-stella-side4").currentTime = playerDocument.getElementById("player-audio").currentTime;
+ playerDocument.getElementById("player-audio-stella-side5").currentTime = playerDocument.getElementById("player-audio").currentTime;
+ }
+ }
+ });
+ document.getElementById("player").contentWindow.navigator.mediaSession.setActionHandler("nexttrack", () => {
next();
- }
- });
- document.getElementById("player").contentWindow.navigator.mediaSession.setActionHandler("seekto", (e) => {
- if (e.seekTime) {
- playerDocument.getElementById("player-audio").currentTime = e.seekTime;
+ });
+ }
- if (playingStella) {
- playerDocument.getElementById("player-audio-stella-side1").currentTime = playerDocument.getElementById("player-audio").currentTime;
- playerDocument.getElementById("player-audio-stella-side2").currentTime = playerDocument.getElementById("player-audio").currentTime;
- playerDocument.getElementById("player-audio-stella-side3").currentTime = playerDocument.getElementById("player-audio").currentTime;
- playerDocument.getElementById("player-audio-stella-side4").currentTime = playerDocument.getElementById("player-audio").currentTime;
- playerDocument.getElementById("player-audio-stella-side5").currentTime = playerDocument.getElementById("player-audio").currentTime;
- }
- }
- });
- document.getElementById("player").contentWindow.navigator.mediaSession.setActionHandler("previoustrack", () => {
- if (playlist[currentPlaylistPosition - 1]) {
- previous();
- } else {
- playerDocument.getElementById("player-audio").currentTime = 0;
+ let state = {
+ duration: isFinite(playerDocument.getElementById("player-audio").duration) ? playerDocument.getElementById("player-audio").duration : 0,
+ position: playerDocument.getElementById("player-audio").currentTime,
+ playbackRate: 1
+ }
+ document.getElementById("player").contentWindow.navigator.mediaSession.setPositionState(state);
+ }
- if (playingStella) {
- playerDocument.getElementById("player-audio-stella-side1").currentTime = playerDocument.getElementById("player-audio").currentTime;
- playerDocument.getElementById("player-audio-stella-side2").currentTime = playerDocument.getElementById("player-audio").currentTime;
- playerDocument.getElementById("player-audio-stella-side3").currentTime = playerDocument.getElementById("player-audio").currentTime;
- playerDocument.getElementById("player-audio-stella-side4").currentTime = playerDocument.getElementById("player-audio").currentTime;
- playerDocument.getElementById("player-audio-stella-side5").currentTime = playerDocument.getElementById("player-audio").currentTime;
- }
- }
- });
- document.getElementById("player").contentWindow.navigator.mediaSession.setActionHandler("nexttrack", () => {
- next();
- });
+ if (initial) {
+ if (currentPlaylistPosition === 0) {
+ playerDocument.getElementById("btn-previous").classList.add("disabled");
+ playerDocumentMobile.getElementById("btn-previous").classList.add("disabled");
+ } else {
+ playerDocument.getElementById("btn-previous").classList.remove("disabled");
+ playerDocumentMobile.getElementById("btn-previous").classList.remove("disabled");
+ }
+
+ if (currentPlaylistPosition === playlist.length - 1) {
+ playerDocument.getElementById("btn-next").classList.add("disabled");
+ playerDocumentMobile.getElementById("btn-next").classList.add("disabled");
+ } else {
+ playerDocument.getElementById("btn-next").classList.remove("disabled");
+ playerDocumentMobile.getElementById("btn-next").classList.remove("disabled");
+ }
}
- if (currentPlaylistPosition === 0) {
- playerDocument.getElementById("btn-previous").classList.add("disabled");
- playerDocumentMobile.getElementById("btn-previous").classList.add("disabled");
- } else {
- playerDocument.getElementById("btn-previous").classList.remove("disabled");
- playerDocumentMobile.getElementById("btn-previous").classList.remove("disabled");
+ if (initial) {
+ if (window.currentSong) {
+ playerDocument.getElementById("title").innerText = playerDocumentMobile.getElementById("title").innerText = window.currentSong.title;
+ playerDocument.getElementById("artist").innerText = playerDocumentMobile.getElementById("artist").innerText = window.currentSong.artist;
+ playerDocument.getElementById("album").innerText = playerDocumentMobile.getElementById("album").innerText = window.currentSong.album;
+ playerDocument.getElementById("album-art").src = playerDocumentMobile.getElementById("album-art").src = "/assets/content/" + window.currentSongID + ".jpg";
+ playerDocumentMobile.getElementById("album-art-bg").style.backgroundImage = "url('/assets/content/" + window.currentSongID + ".jpg')";
+ }
}
- if (currentPlaylistPosition === playlist.length - 1) {
- playerDocument.getElementById("btn-next").classList.add("disabled");
- playerDocumentMobile.getElementById("btn-next").classList.add("disabled");
+ if (document.hidden) return;
+
+ if (isFinite(playerDocument.getElementById("player-audio").duration)) {
+ playerDocument.getElementById("seekbar").style.width = playerDocumentMobile.getElementById("seekbar").style.width = ((playerDocument.getElementById("player-audio").currentTime / playerDocument.getElementById("player-audio").duration) * 100) + "%";
} else {
- playerDocument.getElementById("btn-next").classList.remove("disabled");
- playerDocumentMobile.getElementById("btn-next").classList.remove("disabled");
+ playerDocument.getElementById("seekbar").style.width = playerDocumentMobile.getElementById("seekbar").style.width = "0";
}
if (isFinite(playerDocument.getElementById("player-audio").duration)) {
@@ -670,20 +701,6 @@ require_once $_SERVER['DOCUMENT_ROOT'] . "/includes/session.php"; global $_PROFI
} else {
playerDocument.getElementById("btn-play-icon").src = playerDocumentMobile.getElementById("btn-play-icon").src = "/assets/icons/pause.svg";
}
-
- if (window.currentSong) {
- playerDocument.getElementById("title").innerText = playerDocumentMobile.getElementById("title").innerText = window.currentSong.title;
- playerDocument.getElementById("artist").innerText = playerDocumentMobile.getElementById("artist").innerText = window.currentSong.artist;
- playerDocument.getElementById("album").innerText = playerDocumentMobile.getElementById("album").innerText = window.currentSong.album;
- playerDocument.getElementById("album-art").src = playerDocumentMobile.getElementById("album-art").src = "/assets/content/" + window.currentSongID + ".jpg";
- playerDocumentMobile.getElementById("album-art-bg").style.backgroundImage = "url('/assets/content/" + window.currentSongID + ".jpg')";
- }
-
- if (isFinite(playerDocument.getElementById("player-audio").duration)) {
- playerDocument.getElementById("seekbar").style.width = playerDocumentMobile.getElementById("seekbar").style.width = ((playerDocument.getElementById("player-audio").currentTime / playerDocument.getElementById("player-audio").duration) * 100) + "%";
- } else {
- playerDocument.getElementById("seekbar").style.width = playerDocumentMobile.getElementById("seekbar").style.width = "0";
- }
}
window.playPause = () => {
@@ -755,7 +772,7 @@ require_once $_SERVER['DOCUMENT_ROOT'] . "/includes/session.php"; global $_PROFI
window.updateRepeat = () => {
if (window.currentSong) {
- updateDisplay();
+ updateDisplay(false);
}
if (window.repeat) {
@@ -792,7 +809,7 @@ require_once $_SERVER['DOCUMENT_ROOT'] . "/includes/session.php"; global $_PROFI
window.updateShuffle = () => {
if (window.currentSong) {
- updateDisplay();
+ updateDisplay(false);
}
if (window.shuffle) {
@@ -815,14 +832,14 @@ require_once $_SERVER['DOCUMENT_ROOT'] . "/includes/session.php"; global $_PROFI
}
}
- window.shuffleList = (playlistID) => {
+ window.shuffleList = async (playlistID) => {
window.shuffle = true;
playerDocument.getElementById("btn-shuffle-icon").src = playerDocumentMobile.getElementById("btn-shuffle-icon").src = "/assets/icons/shuffle-on.svg";
if (playlistID) {
if (playlistID === "favorites") {
window.currentPlaylistID = playlistID;
- window.playlist = favorites;
+ window.playlist = await (await fetch("/api/randomFavorites.php")).json();
} else if (playlistID.startsWith("album:")) {
window.currentPlaylistID = playlistID;
window.playlist = albums[playlistID.substring(6)].tracks;
@@ -834,7 +851,10 @@ require_once $_SERVER['DOCUMENT_ROOT'] . "/includes/session.php"; global $_PROFI
window.playlist = [];
}
- window.playlist = shuffleArray(window.playlist);
+ if (playlistID && playlistID !== "favorites") {
+ window.playlist = shuffleArray(window.playlist);
+ }
+
window.playSong(window.playlist[0], "keep");
}
@@ -866,6 +886,11 @@ require_once $_SERVER['DOCUMENT_ROOT'] . "/includes/session.php"; global $_PROFI
}
playerDocument.getElementById("player-audio").pause();
+ playerDocument.getElementById("player-audio-stella-side1").pause();
+ playerDocument.getElementById("player-audio-stella-side2").pause();
+ playerDocument.getElementById("player-audio-stella-side3").pause();
+ playerDocument.getElementById("player-audio-stella-side4").pause();
+ playerDocument.getElementById("player-audio-stella-side5").pause();
playerDocument.getElementById("player-audio").currentTime = 0;
window.playingStella = false;
@@ -892,7 +917,7 @@ require_once $_SERVER['DOCUMENT_ROOT'] . "/includes/session.php"; global $_PROFI
window.currentSong = songs[id];
window.currentSongID = id;
- updateDisplay();
+ updateDisplay(true);
updateAndroidNotification();
if (document.getElementById("ui").contentWindow.refreshQueue) document.getElementById("ui").contentWindow.refreshQueue();
@@ -904,9 +929,9 @@ require_once $_SERVER['DOCUMENT_ROOT'] . "/includes/session.php"; global $_PROFI
if (stellaCompatible) {
window.preloaded[id] = await Stella.build("/assets/content/" + id + ".stella");
- window.preloadedGains[id] = await normalizeAudio(window.preloaded[id].stems.other.buffer, 0);
- window.preloadedGainsBoosted1[id] = await normalizeAudio(window.preloaded[id].stems.other.buffer, .05);
- window.preloadedGainsBoosted2[id] = await normalizeAudio(window.preloaded[id].stems.other.buffer, .1);
+ window.preloadedGains[id] = await normalizeAudio(window.preloaded[id].stems.vocals.buffer, 0);
+ window.preloadedGainsBoosted1[id] = await normalizeAudio(window.preloaded[id].stems.vocals.buffer, .05);
+ window.preloadedGainsBoosted2[id] = await normalizeAudio(window.preloaded[id].stems.vocals.buffer, .1);
} else {
if (!window.preloaded[id]) {
window.buffering = true;
@@ -929,6 +954,8 @@ require_once $_SERVER['DOCUMENT_ROOT'] . "/includes/session.php"; global $_PROFI
preloadMore();
window.needsDurationChange = true;
+ if (window.currentSongID !== id) return;
+
if (!stellaCompatible) {
if (!window.preloadedURLs[id]) {
window.preloadedURLs[id] = localStorage.getItem("data-saving") ? URL.createObjectURL(window.preloadedBlobs[id]) : URL.createObjectURL(window.preloadedBlobs[id]);
@@ -1098,7 +1125,10 @@ require_once $_SERVER['DOCUMENT_ROOT'] . "/includes/session.php"; global $_PROFI
window.discordRichPresenceData = null;
} else {
window.discordRichPresenceData = {
- largeImageKey: "logo"
+ largeImageKey: "logo",
+ buttons : [
+ { label: 'View profile', url: 'https://mist.equestria.horse/profile/?/<?= $_PROFILE["id"] ?>' }
+ ]
};
}
</script>