feature: improve audio vis a little more

fix: remove some debugging console stuff
This commit is contained in:
Andy Burke 2025-08-21 23:24:34 -07:00
parent 0ed013c968
commit b6b4fefa34
5 changed files with 102 additions and 44 deletions

View file

@ -13,10 +13,6 @@
},
};
console.dir({
user_json,
user,
});
const ids = document.querySelectorAll("[data-bind__user_id]");
for (const id of ids) {
const bound_to =
@ -29,19 +25,12 @@
const avatars = document.querySelectorAll("[data-bind__user_meta_avatar]");
for (const avatar of avatars) {
console.dir({
avatar,
});
const bound_to =
typeof avatar.dataset["bind__user_meta_avatar"] === "string" &&
avatar.dataset["bind__user_meta_avatar"].length
? avatar.dataset["bind__user_meta_avatar"]
: "innerHTML";
avatar[bound_to] = user.meta?.avatar ?? DEFAULT_AVATAR_URL;
console.dir({
avatar,
});
}
const usernames = document.querySelectorAll("[data-bind__user_username]");

View file

@ -98,10 +98,6 @@ const URL_MATCH_HANDLERS = [
return;
}
console.dir({
action,
video_id,
});
return `
<div class="embed-container iframe ${action === "shorts" ? "vertical" : "letterbox"} youtube">
<div class="embed-actions-container">
@ -159,14 +155,9 @@ const URL_MATCH_HANDLERS = [
// const punycode = get_punycode();
// const punycoded_url = punycode.encode(match[0]);
console.dir({
link_info,
});
if (typeof link_info.extension === "string") {
const mime_types = get_mime_types(link_info.extension);
console.dir({
mime_types,
});
if (mime_types.length) {
if (mime_types.includes("image/gif")) {
return `<div class="embed-container image gif"><img src="${link_info.url}" alt="A gif from ${link_info.domain}" /></div>`;
@ -201,7 +192,11 @@ const URL_MATCH_HANDLERS = [
<div class="time-container"><span class="duration">00:00</span></div>
</div>
<div class="buttons-container">
<div class="audio-control blank"></div>
<div class="audio-control blank">
<a href="${link_info.url}" download>
<div class="icon download"></div>
</a>
</div>
<div class="audio-control skip-back"><div class="icon skip-back"></div></div>
<div class="audio-control play-pause-toggle"><div class="icon play"></div><div class="icon pause"></div></div>
<div class="audio-control skip-forward"><div class="icon skip-forward"></div></div>