mostly finish custom music

This commit is contained in:
sky
2025-07-09 02:35:38 -04:00
parent acd6d2e9e2
commit daf54267b4
6 changed files with 88 additions and 187 deletions

View File

@ -48,9 +48,9 @@
<script>
let audioObject;
document.addEventListener("DOMContentLoaded", ()=>{
let music = true; // {{ is_music }}
let music = {{ is_music }};
if(music) {
let url = "/api/music/download?url=https://soundcloud.com/archive5077/fostered-alcoholism-grayskies"; // {{ music_url }}
let url = "{{ song_url }}";
let audioObject = new Audio(url);
document.getElementById("enter").addEventListener("click", async ()=>{
document.getElementById("enter").style.backgroundColor = "#00000000"
@ -59,8 +59,11 @@
setTimeout( () => {
document.getElementById("enter").style.display = "none";
audioObject.play();
audioObject.loop = true;
}, 700);
});
} else {
document.getElementById("enter").style.display = "none";
}
})
</script>

View File

@ -45,7 +45,7 @@
<title>{{ name }}'s Profile | Selenite</title>
<link rel="icon" href="/favicon.ico" />
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-3415518411898563" crossorigin="anonymous"></script>
<script>
<!-- <script>
let audioObject;
document.addEventListener("DOMContentLoaded", ()=>{
let music = false; // {{ is_music }}
@ -63,10 +63,11 @@
});
}
})
</script>
</script> -->
<script>
let username = "{{ username }}";
let userData;
let songData;
(async () => {
userData = await (await fetch("/u/raw")).json();
})();
@ -100,16 +101,8 @@
console.log("promise finished");
body = { pfp: fileData };
console.log("body set");
} else if (state == "pfp") {
console.log("pfp");
let file = document.getElementById("pfp_upload").files[0];
if (file.size > 4000000) {
file.input = "";
return;
}
const fileData = await readFileAsDataURL(file);
console.log("promise finished");
body = { pfp: fileData };
} else if (state == "song") {
body = songData;
console.log("body set");
} else if (state == "clearpfp") {
body = { pfp: "del" };
@ -186,11 +179,20 @@
for (let i = 0; i < storeNames.length; i++) {
localStorage.setItem(storeNames[i], storage[storeNames[i]]);
}
} else if (state == song) {
// create body
}
console.log("sending");
body.username = username;
document.getElementById("title").innerText = "processing...";
document.getElementById("pfp_upload").style.display = "none";
document.getElementById("pfp_reminder").style.display = "none";
document.getElementById("body-text").style.display = "none";
document.getElementById("clear").style.display = "none";
document.getElementById("text").style.display = "none";
document.getElementById("counter").style.display = "none";
document.getElementById("submit").style.display = "none";
document.getElementById("search").style.display = "none";
document.querySelector("results").style.display = "none";
document.getElementById("popup").style.display = "flex";
await fetch("/api/profile/edit", {
credentials: "include",
headers: {
@ -200,8 +202,6 @@
method: "POST",
mode: "cors",
});
console.log("sent");
document.getElementById("popup").style.display = "none";
location.reload();
}
document.addEventListener("DOMContentLoaded", async () => {
@ -230,6 +230,8 @@
document.getElementById("counter").style.display = "flex";
document.getElementById("submit").style.display = "flex";
document.getElementById("popup").style.display = "flex";
document.getElementById("search").style.display = "none";
document.querySelector("results").style.display = "none";
} else if (e.target.parentElement.children[0].id == "bio") {
state = "bio";
document.getElementById("title").innerText = "change your about me";
@ -244,6 +246,8 @@
document.getElementById("counter").style.display = "flex";
document.getElementById("submit").style.display = "flex";
document.getElementById("popup").style.display = "flex";
document.getElementById("search").style.display = "none";
document.querySelector("results").style.display = "none";
} else if (e.target.parentElement.children[0].id == "song") {
state = "song";
document.getElementById("title").innerText = "pick a song";
@ -256,6 +260,8 @@
document.getElementById("counter").style.display = "none";
document.getElementById("submit").style.display = "none";
document.getElementById("popup").style.display = "flex";
document.getElementById("search").style.display = "flex";
document.querySelector("results").style.display = "flex";
} else if (e.target.parentElement.children[0].id == "pfp") {
state = "pfp";
document.getElementById("title").innerText = "upload a new profile picture";
@ -267,6 +273,8 @@
document.getElementById("counter").style.display = "none";
document.getElementById("submit").style.display = "flex";
document.getElementById("popup").style.display = "flex";
document.getElementById("search").style.display = "none";
document.querySelector("results").style.display = "none";
}
});
});
@ -326,8 +334,16 @@
document.getElementById("submit").style.display = "flex";
document.getElementById("popup").style.display = "flex";
});
document.querySelectorAll("results").forEach(async e => {
e.addEventListener("click", await setProfile)
document.querySelectorAll("result").forEach(async e => {
e.addEventListener("click", async (element) => {
songData = {
url: e.getAttribute("data-url"),
title: e.childNodes[0].innerText,
artist: e.childNodes[1].innerText,
}
console.log(songData);
await setProfile();
})
});
});
</script>