BuckleBunny13

Name: FriendRewind
Author: FriendRewind

16, Georgia, United States

View my: Blog

Contacting BuckleBunny13

Add to Friends

Add to Favorites

Block User

Send Message

Invite to Group

Report User

FriendRewind URL:

https://friendrewind.com/profile.php?id=17082

BuckleBunny13's Interests

General	I ❤︎ RESIDENT EVIL ! (my fav game is re6) all things horror and psychological (i want to be a psychologist someday) my hobbies: listening to music, sewing, graphic design, cross stitch, tennis, and thrifting im also an aspiring nail tech !! hopefully ill have an etsy shop up n running soon (¬_¬")
Music	favorite bands ᡕᠵデᡁ᠊╾━ Blessthefall, Silverstein, He is Legend, Pierce The Veil, Black Veil Brides, Breathe Carolina, Brokencyde, Enter Shikari, Friday Never Counts, Never Shout Never, Escape The Fate, Passion Pit, The Medic Droid, Massive Attack, A Dream Of Reality, Ghost Runner On Third
Movies	Jennifer's Body Saw franchise (but specifically Saw 4) Resident Evil Vendetta Hereditary Terrifier trilogy Twilight New Moon Mysterious Skin Buffalo 66
Television	The Walking Dead Breaking Bad Severance Vampire Diaries Pluribus Nana Paradise Kiss Death Note X Files
Books	Fight Club Twilight and Eclipse Nana The Host 1984 Resident Evil - The Umbrella Conspiracy
Heroes	glitter-graphics.com glitter-graphics.com glitter-graphics.com glitter-graphics.com glitter-graphics.com glitter-graphics.com https://www.youtube.com/watch?v=5kIgLwCCxbU
Games	https://www.youtube.com/watch?v=5kIgLwCCxbU

BuckleBunny13's Photos [View All]

No photos uploaded.

BuckleBunny13's Videos [View All]

No videos uploaded.

BuckleBunny13's Latest Blog Entries [View Blog]

There are no Blog Entries yet.

BuckleBunny13's Bio

beware minor ( ´ཀ` )
I love music and media !!
im super into emo/scene culture but i like to mess around with different styles ദ്ദി(˵ •̀ ᴗ - ˵ ) ✧

🇺🇸

https://www.youtube.com/watch?v=5kIgLwCCxbU

How EMO are u?! -- Make and Take a Fun Test @ NerdTests.com's User Tests!

</p> </div> </div> </div> </div> <div class="friends"> <div class="heading"> <h4> BuckleBunny13's Friend Space </h4> <a class="more" href="friends.php?id=17082">[view all]</a> </div> <div class="inner"> <p><b> BuckleBunny13 has <span class="count"> 1 </span> friends. </b></p> <style> #top8-grid { display: grid !important; grid-template-columns: repeat(4, minmax(0,1fr)) !important; gap: 8px 12px !important; width: 100% !important; } #top8-grid .person { display: block !important; float: none !important; width: 100% !important; padding: 0 !important; } #top8-grid .person img:not(.icon) { width: 100% !important; max-width: 95px !important; height: 95px !important; object-fit: cover !important; margin: 0 auto !important; display: block !important; } #top8-grid .person p { margin-top: 4px !important; font-size: 12px !important; text-align: center !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; } @media (max-width: 768px) { #top8-grid { grid-template-columns: repeat(4, minmax(0,1fr)) !important; gap: 6px 8px !important; } } </style> <div id="top8-grid" class="friends-grid" aria-label="Top friends"> <div class='person'><a href='profile.php?id=1'><p>Def3ct</p></a><a href='profile.php?id=1'><img class='pfp-fallback' src='media/pfp/pfp-Wwkk4Ntg.webp' alt='Profile Picture' loading='lazy' style='width: 100%; max-height: 95px; aspect-ratio: 1/1;'></a></div> </div> </div> </div> <div class="friends" id="comments"> <div class="heading"> <h4> BuckleBunny13's Friends Comments </h4> </div> <div class="inner"> <p> <b> Displaying <span class="count">0</span> of <span class="count">0</span> comments ( <a href="comments.php?id=17082">View all</a> ) </b> </p> <table class="comments-table" cellspacing="0" cellpadding="3" bordercolor="ffffff" border="1"> <tbody> <style> .cb-author-cell { width:105px; min-width:105px; max-width:105px; vertical-align:top; text-align:center; position:relative; overflow:hidden; } .cb-pin-badge { background:#FFD700; color:#333; padding:2px 6px; border-radius:3px; font-size:11px; margin-bottom:5px; display:inline-block; } .cb-author-wrap { position:relative; z-index:1; display:inline-block; max-width:100%; } .cb-author-link { display:block; text-decoration:none; max-width:100%; } .cb-author-name { margin:0 0 5px 0; font-size:0.9em; word-wrap:break-word; max-width:100%; } .cb-pfp-img { border-radius:4px; max-width:100%; display:block; margin:0 auto; } .cb-content-cell { width:auto; vertical-align:top; padding-left:15px; position:relative; } .cb-pin-btn { border:1px solid #ccc; padding:4px 8px; border-radius:3px; cursor:pointer; margin-right:5px; } .cb-pin-btn--pinned { background:#FFD700; color:#333; } .cb-pin-btn--unpinned { background:#f0f0f0; color:#666; } .cb-reply-form { display:inline; } .cb-like-btn { display:inline-flex; align-items:center; gap:3px; border:1px solid #ccc; background:transparent; padding:3px 8px; border-radius:3px; cursor:pointer; font-size:0.8rem; color:#888; transition:all 0.15s ease; vertical-align:middle; } .cb-like-btn--top { position:absolute; top:4px; right:4px; } .cb-like-btn:hover { border-color:#4a90d9; color:#4a90d9; } .cb-like-btn.cb-liked { border-color:#4a90d9; color:#4a90d9; background:rgba(74,144,217,0.08); } .cb-like-btn .cb-like-icon { font-size:0.85em; } .cb-like-btn .cb-like-count { font-size:0.8em; min-width:8px; text-align:center; } .cb-actions { display:flex; gap:6px; justify-content:flex-end; margin-top:8px; flex-wrap:wrap; } .cb-actions button, .cb-actions a button { font-size:0.8rem; } .comment-reply { border-left:2px solid rgba(150,150,150,0.1); padding:8px 12px; margin:4px 0; position:relative; border-radius:0 6px 6px 0; } .reply-delete-x { position:absolute; top:4px; right:4px; z-index:2; background:rgba(220,53,69,0.12); border:1px solid rgba(220,53,69,0.3); color:#dc3545; font-size:14px; line-height:1; font-weight:700; width:20px; height:20px; border-radius:4px; cursor:pointer; display:flex; align-items:center; justify-content:center; opacity:0; transition:opacity 0.15s ease; padding:0; } .comment-reply:hover .reply-delete-x { opacity:1; } .reply-delete-x:hover { background:rgba(220,53,69,0.25); } @media (max-width: 768px) { .comment-reply .reply-delete-x { opacity:1; } } @keyframes frNotifFlash { 0%, 12% { background-color: rgba(255,206,0,0.55); } 100% { background-color: transparent; } } tr.fr-notif-highlight > td, .comment-reply.fr-notif-highlight { animation: frNotifFlash 3s ease-out 1; } .comment-reply.fr-notif-highlight { border-left-color:#ffce00 !important; } </style> <style> .fr-modal-overlay { position:fixed;inset:0;background:rgba(0,0,0,.45);z-index:99999; display:flex;align-items:center;justify-content:center; opacity:0;transition:opacity .2s ease; } .fr-modal-overlay.show { opacity:1; } .fr-modal-box { background:#fff;border-radius:12px;padding:28px 24px 20px;max-width:360px;width:90%; box-shadow:0 8px 32px rgba(0,0,0,.25);text-align:center; transform:translateY(10px);transition:transform .2s ease; } .fr-modal-overlay.show .fr-modal-box { transform:translateY(0); } .fr-modal-box h3 { margin:0 0 8px;font-size:16px;color:#1a1a1a; } .fr-modal-box p { margin:0 0 20px;font-size:14px;color:#555;line-height:1.5; } .fr-modal-btns { display:flex;gap:10px;justify-content:center; } .fr-modal-btn { padding:8px 22px;border-radius:8px;font-size:13px;font-weight:600; cursor:pointer;border:none;transition:background .15s; } .fr-modal-btn-del { background:#dc3545;color:#fff; } .fr-modal-btn-del:hover { background:#c82333; } .fr-modal-btn-cancel { background:#e9ecef;color:#333; } .fr-modal-btn-cancel:hover { background:#dee2e6; } body.theme-dark .fr-modal-box { background:#1e1e2e;box-shadow:0 8px 32px rgba(0,0,0,.5); } body.theme-dark .fr-modal-box h3 { color:#e0e0e0; } body.theme-dark .fr-modal-box p { color:#9ca3af; } body.theme-dark .fr-modal-btn-cancel { background:#2a2a3e;color:#ccc; } body.theme-dark .fr-modal-btn-cancel:hover { background:#333350; } body.skin-classic .fr-modal-box { background:#e8e0d0;border:2px solid #8a9bb5;border-radius:4px; box-shadow:2px 2px 0 #7b8da3; } body.skin-classic .fr-modal-box h3 { color:#003366;font-family:Arial,sans-serif; } body.skin-classic .fr-modal-box p { color:#333;font-family:Arial,sans-serif; } body.skin-classic .fr-modal-btn-del { background:#cc3333;border-radius:3px; } body.skin-classic .fr-modal-btn-cancel { background:#c0b8a8;color:#333;border-radius:3px; } </style> <script> function frCommentDeleteType(btn, fallback) { if (fallback) return fallback; if (!btn) return 'profile'; var wrap = btn.closest('.comment-reply, .cb-content-cell, tr[id^="comment-"]'); if (wrap) { var likeBtn = wrap.querySelector('.cb-like-btn[data-comment-type]'); if (likeBtn) return likeBtn.getAttribute('data-comment-type') || 'profile'; } return 'profile'; } function frConfirmDeleteModal(title, message, onConfirm) { var overlay = document.createElement('div'); overlay.className = 'fr-modal-overlay'; overlay.innerHTML = '<div class="fr-modal-box">' + '<h3>' + title + '</h3>' + '<p>' + message + '</p>' + '<div class="fr-modal-btns">' + '<button type="button" class="fr-modal-btn fr-modal-btn-del" data-action="yes">Delete</button>' + '<button type="button" class="fr-modal-btn fr-modal-btn-cancel" data-action="no">Cancel</button>' + '</div>' + '</div>'; document.body.appendChild(overlay); requestAnimationFrame(function(){ overlay.classList.add('show'); }); function close() { overlay.classList.remove('show'); setTimeout(function(){ overlay.remove(); }, 200); } overlay.querySelector('[data-action="no"]').addEventListener('click', close); overlay.addEventListener('click', function(e){ if (e.target === overlay) close(); }); overlay.querySelector('[data-action="yes"]').addEventListener('click', function() { var delBtn = this; delBtn.textContent = 'Deleting...'; delBtn.disabled = true; onConfirm(delBtn, close, function fail() { delBtn.textContent = 'Delete'; delBtn.disabled = false; }); }); } function frRunCommentDelete(commentId, commentType, delBtn, close, fail, onRemoved) { fetch('/api/comment_delete.php', { method: 'POST', credentials: 'include', headers: {'Content-Type': 'application/json', 'X-Requested-With': 'XMLHttpRequest'}, body: JSON.stringify({comment_id: commentId, comment_type: commentType || 'profile'}) }).then(function(r){ return r.json(); }).then(function(data){ if (data.success) { close(); if (onRemoved) onRemoved(); } else { fail(); alert(data.error || 'Could not delete this comment. Please try again.'); } }).catch(function(){ fail(); alert('Could not delete this comment. Please check your connection and try again.'); }); } function deleteReply(replyId, btn, commentType) { commentType = frCommentDeleteType(btn, commentType); var el = document.getElementById('reply-' + replyId); frConfirmDeleteModal('Delete Reply', 'Are you sure you want to delete this reply? This cannot be undone.', function(delBtn, close, fail) { if (btn) btn.disabled = true; frRunCommentDelete(replyId, commentType, delBtn, close, function() { fail(); if (btn) btn.disabled = false; }, function() { if (el) el.style.transition = 'opacity 0.2s ease'; if (el) el.style.opacity = '0'; setTimeout(function(){ if (el) el.remove(); }, 220); if (btn) btn.disabled = false; }); }); } function deleteCommentRow(commentId, commentType, btn) { commentType = frCommentDeleteType(btn, commentType); var row = document.getElementById('comment-' + commentId); frConfirmDeleteModal('Delete Comment', 'Are you sure you want to delete this comment? This cannot be undone.', function(delBtn, close, fail) { if (btn) btn.disabled = true; frRunCommentDelete(commentId, commentType, delBtn, close, function() { fail(); if (btn) btn.disabled = false; }, function() { if (row) row.style.transition = 'opacity 0.2s ease'; if (row) row.style.opacity = '0'; setTimeout(function(){ if (row) row.remove(); }, 220); if (btn) btn.disabled = false; }); }); } </script><script> function toggleCommentLike(btn) { var cid = btn.getAttribute("data-comment-id"); var ctype = btn.getAttribute("data-comment-type"); if (!cid || !ctype) return; btn.disabled = true; fetch("/api/comment_like.php", { method: "POST", credentials: "include", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ comment_id: parseInt(cid), comment_type: ctype }) }) .then(function(r) { return r.json(); }) .then(function(data) { if (data.success) { var countEl = btn.querySelector(".cb-like-count"); if (data.liked) { btn.classList.add("cb-liked"); } else { btn.classList.remove("cb-liked"); } if (countEl) countEl.textContent = data.count > 0 ? data.count : ""; } }) .catch(function() {}) .finally(function() { btn.disabled = false; }); } </script> <script> // When arriving from a comment/reply notification (#comment-N / #reply-N), // scroll the target into view and flash it so the user sees exactly which // reply they were notified about. (function(){ if (window.__frNotifHighlightInit) return; window.__frNotifHighlightInit = true; function goToHashTarget() { var h = window.location.hash || ''; if (!/^#(comment|reply)-\d+$/.test(h)) return; var el = document.getElementById(h.slice(1)); if (!el) return; try { el.scrollIntoView({ behavior: 'smooth', block: 'center' }); } catch (e) { el.scrollIntoView(); } el.classList.remove('fr-notif-highlight'); void el.offsetWidth; // restart the animation if re-triggered el.classList.add('fr-notif-highlight'); setTimeout(function(){ el.classList.remove('fr-notif-highlight'); }, 3200); } if (document.readyState === 'loading') { document.addEventListener('DOMContentLoaded', function(){ setTimeout(goToHashTarget, 150); }); } else { setTimeout(goToHashTarget, 150); } window.addEventListener('hashchange', goToHashTarget); })(); </script> </tbody> </table> </div> </div> </div> </div> </main> </main> <style> .footer-link-report { color: #dc3545; } </style> <footer role="contentinfo" aria-label="Site footer"> <p> <a href="/" rel="noopener">FriendRewind</a> </p> <p><i>Disclaimer: This project is not affiliated with MySpace® in any way.</i></p> <p>FriendRewind - Free retro social network with HTML/CSS profiles, built-in music player, blogs, groups with voice chat, and bulletins. No algorithms, no tracking, no ads.</p> <nav aria-label="Footer navigation"> <ul class="links"> <li><a href="stats.php">Live Stats</a></li> <li><a href="rules.php">Rules</a></li> <li><a href="safety.php">Safety</a></li> <li><a href="https://friendrewind.com/privacy-policy.php">Privacy Policy</a></li> <li><a href="https://stats.uptimerobot.com/AlFGfgr48n" target="_blank" rel="noopener">Uptime</a></li> <li><a href="mailto:def3ct@live.com">Contact</a></li> </ul> </nav> <p class="copyright"> © 2026 FriendRewind. All rights reserved. </p> </footer> </div> <script> /* Retry failed remote images once via /proxy/image.php (no direct fallback). */ (function () { function rescue(img) { if (!img || img.tagName !== 'IMG' || img.getAttribute('data-fr-img-rescue')) return; var src = img.getAttribute('src') || ''; if (!src || src.indexOf('data:') === 0 || src.indexOf('blob:') === 0) return; var abs; try { abs = new URL(src, location.href); } catch (e) { return; } if (abs.protocol !== 'http:' && abs.protocol !== 'https:') return; if (abs.hostname === location.hostname || /(^|\.)friendrewind\.com$/i.test(abs.hostname)) return; img.setAttribute('data-fr-img-rescue', '1'); img.src = '/proxy/image.php?url=' + encodeURIComponent(abs.href); } document.addEventListener('error', function (e) { rescue(e.target); }, true); function sweep() { var imgs = document.querySelectorAll('img'); for (var i = 0; i < imgs.length; i++) { if (imgs[i].complete && imgs[i].naturalWidth === 0 && imgs[i].getAttribute('src')) rescue(imgs[i]); } } sweep(); if (document.readyState !== 'complete') window.addEventListener('load', sweep); })(); </script> <link rel="preload" href="static/css/playlist-manager.css" as="style" onload="this.onload=null;this.rel='stylesheet'"> <noscript><link rel="stylesheet" href="static/css/playlist-manager.css"></noscript> <link rel="preload" href="/static/css/footer-music-bar.css?v=1782402334" as="style" onload="this.onload=null;this.rel='stylesheet'"> <noscript><link rel="stylesheet" href="/static/css/footer-music-bar.css?v=1782402334"></noscript> <div id="ms-chat-container"></div> <div id="footer-music-bar" class="music-bar" style="z-index:99999; display:flex !important; visibility:visible !important; bottom:0 !important; position:fixed !important; background:#1c3b71;"> <audio id="music" style="display:none;" preload="auto" playsinline webkit-playsinline></audio> <audio id="radio-audio" data-uam-skip="1" style="display:none;" preload="none" playsinline webkit-playsinline></audio> <div id="yt-bar-player-wrap" style="position:fixed;bottom:44px;right:8px;z-index:99998;width:200px;height:113px;border-radius:6px;overflow:hidden;box-shadow:0 2px 14px rgba(0,0,0,0.6);border:1px solid rgba(255,255,255,0.15);display:none;background:#000;"> <div id="yt-bar-player"></div> </div> <button id="bar-prev" class="bar-btn" title="Previous"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16"> <path d="M11.18 3.64a.5.5 0 0 1 0 .72L7.44 8l3.74 3.64a.5.5 0 0 1-.7.72l-4.1-4a.5.5 0 0 1 0-.72l4.1-4a.5.5 0 0 1 .7 0z"/> </svg> </button> <button id="bar-play" class="bar-btn" title="Play/Pause"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16"> <path d="M3 3.5v9a.5.5 0 0 0 .748.434l8-4.5a.5.5 0 0 0 0-.868l-8-4.5A.5.5 0 0 0 3 3.5z"/> </svg> </button> <button id="bar-next" class="bar-btn" title="Next"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16"> <path d="M4.82 3.64a.5.5 0 0 0 0 .72L8.56 8 4.82 11.64a.5.5 0 1 0 .7.72l4.1-4a.5.5 0 0 0 0-.72l-4.1-4a.5.5 0 0 0-.7 0z"/> </svg> </button> <div class="bar-info-section"> <div class="bar-label-row"> <span class="bar-now-playing">Now Playing:</span> <span id="bar-title" class="bar-title">Nothing playing</span> </div> <div class="bar-progress-container"> <div class="bar-time-display">0:00</div> <div class="bar-progress"> <div class="bar-progress-fill"></div> </div> <div class="bar-time-total">0:00</div> </div> </div> <div class="bar-playlist-container"> <button id="bar-playlist-btn" class="bar-btn playlist-btn" title="View Playlist"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16"> <path d="M5 3a.5.5 0 0 1 .5-.5h9a.5.5 0 0 1 0 1h-9A.5.5 0 0 1 5 3zM5 6a.5.5 0 0 1 .5-.5h9a.5.5 0 0 1 0 1h-9A.5.5 0 0 1 5 6zM5 9a.5.5 0 0 1 .5-.5h9a.5.5 0 0 1 0 1h-9A.5.5 0 0 1 5 9z"/> </svg> </button> </div> <div class="bar-volume"> <button id="bar-volume-btn" class="bar-btn volume-btn" title="Volume"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16"> <path d="M11.536 14.01A8.473 8.473 0 0 0 14.026 8a8.473 8.473 0 0 0-2.49-6.01l-.708.707A7.476 7.476 0 0 1 13.025 8c0 2.071-.84 3.946-2.197 5.303l.708.707z"/> <path d="M10.121 12.596A6.48 6.48 0 0 0 12.025 8a6.48 6.48 0 0 0-1.904-4.596l-.707.707A5.483 5.483 0 0 1 11.025 8a5.483 5.483 0 0 1-1.61 3.89l.706.706z"/> <path d="M10.025 8a4.486 4.486 0 0 1-1.318 3.182L8 10.475A3.489 3.489 0 0 0 9.025 8c0-.966-.392-1.841-1.025-2.475l.707-.707A4.486 4.486 0 0 1 10.025 8zM7 4a.5.5 0 0 0-.812-.39L3.825 5.5H1.5A.5.5 0 0 0 1 6v4a.5.5 0 0 0 .5.5h2.325l2.363 1.89A.5.5 0 0 1 7 12V4z"/> </svg> </button> <div class="volume-slider-container"> <input type="range" class="volume-slider" min="0" max="100" value="100" step="1"> </div> </div> <button id="bar-compact-toggle" class="bar-btn" title="Compact player">«</button> </div> <script> var FR_DEBUG=false;try{FR_DEBUG=localStorage.getItem('fr_debug')==='1';}catch(e){} function frDebugLog(){if(FR_DEBUG)console.log.apply(console,arguments);} (function () { var root = document.documentElement; // yt-bar-player-wrap must be portaled too: #footer-music-bar has // `contain: layout style paint`, which makes it the containing block for // its position:fixed children — so left inside, the wrap is positioned // relative to the 40px bar, not the viewport. Moving it under <html> // makes position:fixed truly viewport-relative so it can dock anywhere // (e.g. over the navbar logo). ['ms-chat-container', 'footer-music-bar', 'yt-bar-player-wrap'].forEach(function (id) { var el = document.getElementById(id); if (el && el.parentNode !== root) { root.appendChild(el); } }); })(); </script> <script> (function () { var BAR_COMPACT_KEY = 'musicbar_compact'; var bar = document.getElementById('footer-music-bar'); var btn = document.getElementById('bar-compact-toggle'); if (!bar || !btn) return; // Only enable on desktop/tablet var mq = window.matchMedia('(min-width: 769px)'); if (!mq.matches) return; function applyCompact(compact, animate) { if (!animate) { bar.style.transition = 'none'; void bar.offsetWidth; // force reflow } if (compact) { bar.classList.add('music-bar--compact'); btn.innerHTML = '»'; // » btn.title = 'Expand player'; } else { bar.classList.remove('music-bar--compact'); btn.innerHTML = '«'; // « btn.title = 'Compact player'; } if (!animate) { // Restore transition after reflow setTimeout(function () { bar.style.transition = ''; }, 20); } } var saved = false; try { saved = localStorage.getItem(BAR_COMPACT_KEY) === '1'; } catch(e) {} applyCompact(saved, false); // Toggle on click btn.addEventListener('click', function () { var isCompact = bar.classList.contains('music-bar--compact'); applyCompact(!isCompact, true); try { localStorage.setItem(BAR_COMPACT_KEY, isCompact ? '0' : '1'); } catch(e) {} }); var fill = document.querySelector('.bar-progress-fill'); if (fill) { var _lastPct = '0%'; function syncStripe() { if (!bar.classList.contains('music-bar--compact')) return; var w = fill.style.width || '0%'; if (w !== _lastPct) { _lastPct = w; bar.style.setProperty('--compact-progress', w); } } new MutationObserver(syncStripe).observe(fill, { attributes: true, attributeFilter: ['style'] }); } mq.addEventListener('change', function (e) { if (!e.matches) { bar.classList.remove('music-bar--compact'); bar.style.transition = ''; } else { var s = false; try { s = localStorage.getItem(BAR_COMPACT_KEY) === '1'; } catch(e2) {} applyCompact(s, false); } }); })(); </script> <script src="/static/js/popup-menu.js?v=1780756188" defer></script> <script src="/static/js/playlist-api.js?v=1780756188" defer></script> <script id="music-api-script" src="/music/engine/music-api.min.js?v=1780773848" defer></script> <script src="/music/engine/unified-audio-manager.min.js?v=1782240247" defer></script> <script> (function(){ if (typeof window.frProfileContextUserIdFromLoc === 'function') return; window.frProfileContextUserIdFromLoc = function(loc) { loc = loc || window.location; var path = (loc.pathname || '').replace(/\/+$/, ''); var params; try { params = new URLSearchParams(loc.search || ''); } catch(_e) { return null; } if (path === '/profile.php' || path.endsWith('/profile.php')) return params.get('id'); if (path === '/photos/user.php' || path.endsWith('/photos/user.php')) return params.get('id'); if (path === '/badges.php' || path.endsWith('/badges.php')) return params.get('user'); if (path === '/vid/profile.php' || path.endsWith('/vid/profile.php')) return params.get('id'); return null; }; window.frIsProfileAudioContextLoc = function(loc, profileId) { if (!profileId) return false; loc = loc || window.location; var pathPid = window.frProfileContextUserIdFromLoc(loc); if (!pathPid || String(pathPid) !== String(profileId)) return false; var path = (loc.pathname || '').replace(/\/+$/, ''); return path === '/profile.php' || path.endsWith('/profile.php') || path === '/photos/user.php' || path.endsWith('/photos/user.php') || path === '/badges.php' || path.endsWith('/badges.php') || path === '/vid/profile.php' || path.endsWith('/vid/profile.php'); }; window.frProfileAudioOwnerMatchesPage = function() { var pagePid = window.frProfileContextUserIdFromLoc(); if (!pagePid) return false; try { var owner = sessionStorage.getItem('fr_profile_audio_owner_id'); if (!owner) return true; return String(owner) === String(pagePid); } catch(_e) { return true; } }; window.frIsProfileAudioContextUrl = function(href, profileId) { if (!href || !profileId) return false; try { return window.frIsProfileAudioContextLoc(new URL(href, window.location.href), profileId); } catch(_e) { return false; } }; window.frIsProfileAudioContextPage = function() { var pid = window.frProfileContextUserIdFromLoc(); return !!(pid && window.frIsProfileAudioContextLoc(window.location, pid) && window.frProfileAudioOwnerMatchesPage()); }; })(); </script> <script> (function(){ try { if (typeof window.frProfileContextUserIdFromLoc !== 'function') return; var pid = window.frProfileContextUserIdFromLoc(); if (!pid || !window.frIsProfileAudioContextLoc(window.location, pid)) return; sessionStorage.setItem('fr_profile_audio_owner_id', String(pid)); } catch(_e) {} })(); </script> <script> (function(){ try { if (localStorage.getItem('__profile_audio_nuke') === '1') { if (typeof window.frIsProfileAudioContextPage === 'function' && window.frIsProfileAudioContextPage()) { frDebugLog('[Audio] Profile nuke skipped. still in profile context (photos/badges/profile)'); localStorage.removeItem('__profile_audio_nuke'); return; } frDebugLog('[Audio] Profile nuke sentinel found. wiping persisted audio state'); localStorage.removeItem('anyspace_audio_state'); sessionStorage.removeItem('anyspace_audio_state'); localStorage.removeItem('yt_bar_state'); localStorage.removeItem('anyspace_radio_state'); localStorage.setItem('activeAudioSource', 'music'); localStorage.removeItem('__profile_audio_nuke'); } } catch(_e) {} })(); </script> <script> (function(){ if (typeof window._frBeginHandoff === 'function') return; window._frHandoffGen = window._frHandoffGen || 0; window._frBeginHandoff = function(ms) { var gen = ++window._frHandoffGen; window._frHandoffPausing = true; setTimeout(function() { if (window._frHandoffGen === gen) window._frHandoffPausing = false; }, ms || 1500); return gen; }; })(); </script> <script async src="https://www.youtube.com/iframe_api"></script> <script> (function(){ // Set true to restore the visible mini-player / modal thumbnail dock. window.FR_YT_IFRAME_VISIBLE = false; var _ytPlayer = null; var _ytReady = false; var _ytPendingId = null; var _ytPlaylist = []; // [{id, title, artist, thumbnail}] var _ytIndex = -1; var _ytPlaylistIsProfile = false; // true => curated profile "tunes" queue (loop it at end); false => search/embed/single (continue with related suggestions at end) var _ytRadioFetching = false; // guard so end-of-queue related-fetch can't fire twice var _ytRadioSeen = {}; // video ids already auto-queued via related-suggestions (avoid repeats) var _ytProgressTimer = null; var _ytErrorCount = 0; var _ytLastErrorTime = 0; var _ytIsLive = false; var _ytLastDur = 0; // COMPLIANCE (YouTube ToS — background play): persisted YT playback is // NEVER auto-resumed across page navigations. On restore we stash the // track here and wait for an explicit user gesture (footer play button) // before loading/playing the embedded player. {id, currentTime} or null. var _ytPendingResume = null; // Resolve an 11-char YouTube video id from a profile-playlist song row // (audio_url and/or song_id forms like yt_<id>). function _frYtVideoIdFromSong(s) { if (!s) return ''; var url = String(s.audioUrl || s.url || s.audio_url || ''); var m = url.match(/(?:youtube\.com\/(?:watch\?(?:.*&)?v=|embed\/|v\/)|youtu\.be\/|music\.youtube\.com\/watch\?(?:.*&)?v=)([a-zA-Z0-9_-]{11})/); if (m && m[1]) return m[1]; var sid = String(s.song_id || s.id || ''); var m2 = sid.match(/^yt[_-]?([a-zA-Z0-9_-]{11})$/i); if (m2 && m2[1]) return m2[1]; if (/^[a-zA-Z0-9_-]{11}$/.test(sid)) return sid; return ''; } window._frYtVideoIdFromSong = _frYtVideoIdFromSong; // Icecast/Shoutcast streams are mastered hot; YouTube uploads are much quieter // at the same footer slider. Scale radio element volume down so switching // radio -> YT doesn't require cranking the slider. window.FR_RADIO_VOLUME_SCALE = 0.72; function _frBarVolumeFraction() { var slider = document.querySelector('.volume-slider'); if (!slider) return 1; var v = parseFloat(slider.value); if (!isFinite(v)) return 1; return Math.max(0, Math.min(1, v / 100)); } window._frBarVolumeFraction = _frBarVolumeFraction; function _ytSyncVolumeFromBar() { if (typeof window._ytSetVolume === 'function') { window._ytSetVolume(_frBarVolumeFraction()); } } window.onYouTubeIframeAPIReady = function() { frDebugLog('[YT-Bar] YouTube IFrame API ready'); _ytPlayer = new YT.Player('yt-bar-player', { height: '113', width: '200', playerVars: { autoplay: 0, controls: 1, modestbranding: 1, rel: 0, fs: 0, playsinline: 1 }, events: { onReady: function() { _ytReady = true; frDebugLog('[YT-Bar] Player ready'); _ytSyncVolumeFromBar(); if (_ytPendingId) { _ytBarPlay(_ytPendingId); _ytPendingId = null; } }, onStateChange: function(e) { if (e.data === YT.PlayerState.ENDED) { if (typeof window._profileNext === 'function' && window._profileNext()) { return; } // _ytBarNext only walks the YT subset — fall back to the full // profile playlist when auto-advance matching failed. if (_ytPlaylistIsProfile && window.profilePlaylistInstance) { var _ppInst = window.profilePlaylistInstance; if (_ppInst.autoplay !== false && _ppInst.songs && _ppInst.songs.length > 1) { var _ppCur = (window.profilePlaylist && typeof window.profilePlaylist.currentIndex === 'number') ? window.profilePlaylist.currentIndex : -1; if (_ppCur < 0 && _ytPlaylist[_ytIndex] && typeof _ytPlaylist[_ytIndex].profileIndex === 'number') { _ppCur = _ytPlaylist[_ytIndex].profileIndex; } if (_ppCur >= 0) { var _ppNext = _ppCur + 1; if (_ppNext >= _ppInst.songs.length) _ppNext = 0; _ppInst.playSong(_ppNext); return; } } } _ytBarNext(); } if (e.data === YT.PlayerState.PLAYING) { _ytErrorCount = 0; _ytShowPlayer(); _ytSyncVolumeFromBar(); _ytBarSyncUI(true); _ytStartProgress(); window._frHandoffGen = (window._frHandoffGen || 0) + 1; window._frHandoffPausing = false; try { if (typeof window.clearUserPaused === 'function') window.clearUserPaused(); } catch(_e) {} // Stop ALL other audio sources var music = document.getElementById('music'); if (music && !music.paused) music.pause(); var radio = document.getElementById('radio-audio'); if (radio && !radio.paused) { radio._pauseAllowed = true; radio.pause(); if (!radio.paused) { radio.src = ''; radio.load(); } frDebugLog('[YT-Bar] Stopped radio'); } // Disable radio mode UI if (typeof disableRadioMode === 'function') disableRadioMode(); // Set YouTube as active source window._activeAudioSource = 'youtube'; try { localStorage.setItem('activeAudioSource', 'youtube'); } catch(e2) {} try { if (typeof window._frClaimAudio === 'function') window._frClaimAudio(); } catch(_e) {} } if (e.data === YT.PlayerState.PAUSED) { _ytBarSyncUI(false); } }, onError: function(e) { console.error('[YT-Bar] Error:', e.data); var now = Date.now(); if (now - _ytLastErrorTime < 2000) { _ytErrorCount++; } else { _ytErrorCount = 1; } _ytLastErrorTime = now; if (_ytErrorCount >= _ytPlaylist.length || _ytErrorCount >= 5) { console.warn('[YT-Bar] Too many consecutive errors, stopping playback'); _ytErrorCount = 0; _ytBarSyncUI(false); return; } setTimeout(function() { if (typeof window._profileNext === 'function' && window._profileNext()) { return; } _ytBarNext(); }, 800); } } }); }; // Off-screen mount keeps the YT iframe alive (and progressing, so the // ENDED event still fires to auto-advance) without showing any UI. // NOTE: do NOT use display:none / visibility:hidden / zero-size here — // browsers throttle hidden iframes and YouTube stalls, breaking // auto-next. Park it fully off-screen at full size, visible to the engine. function _ytMountPlayerHidden(wrap) { var inner = document.getElementById('yt-bar-player'); wrap.style.display = 'block'; wrap.style.position = 'fixed'; wrap.style.left = '-9999px'; wrap.style.top = '0'; wrap.style.right = 'auto'; wrap.style.bottom = 'auto'; wrap.style.width = '200px'; wrap.style.height = '113px'; wrap.style.opacity = '0'; wrap.style.visibility = 'visible'; wrap.style.pointerEvents = 'none'; wrap.style.overflow = 'hidden'; wrap.style.border = 'none'; wrap.style.boxShadow = 'none'; wrap.style.borderRadius = '0'; wrap.style.zIndex = '0'; if (inner) { inner.style.position = ''; inner.style.left = ''; inner.style.top = ''; inner.style.width = '100%'; inner.style.height = '100%'; } } // Default position for the persistent YouTube mini-player: bottom-right, // above the footer music bar (never over the navbar logo). function _ytPositionPlayer() { var wrap = document.getElementById('yt-bar-player-wrap'); if (!wrap || wrap.style.display === 'none') return; if (window._ytCardDocked) return; if (window.FR_YT_IFRAME_VISIBLE === false) { _ytMountPlayerHidden(wrap); return; } var inner = document.getElementById('yt-bar-player'); var hideBtn = wrap.querySelector('#yt-bar-hide'); wrap.style.position = 'fixed'; wrap.style.top = 'auto'; wrap.style.left = 'auto'; wrap.style.right = '8px'; wrap.style.bottom = '56px'; wrap.style.width = '200px'; wrap.style.height = '113px'; wrap.style.borderRadius = '6px'; wrap.style.border = '1px solid rgba(255,255,255,0.15)'; wrap.style.boxShadow = '0 2px 14px rgba(0,0,0,0.6)'; wrap.style.zIndex = '99998'; wrap.style.pointerEvents = 'auto'; if (hideBtn) hideBtn.style.display = ''; if (inner) { inner.style.position = ''; inner.style.left = ''; inner.style.top = ''; inner.style.width = '100%'; inner.style.height = '100%'; } } window._ytPositionPlayer = _ytPositionPlayer; window._ytDockToLogo = _ytPositionPlayer; function _ytShowPlayer() { var wrap = document.getElementById('yt-bar-player-wrap'); if (!wrap) return; if (window.FR_YT_IFRAME_VISIBLE === false) { _ytMountPlayerHidden(wrap); return; } wrap.style.display = 'block'; _ytPositionPlayer(); } function _ytBarPlay(videoId, songInfo) { var usedProfileYtPlaylist = false; if (songInfo && songInfo.source === 'profile-playlist' && window.profilePlaylistInstance) { var inst = window.profilePlaylistInstance; if (inst.songs && inst.songs.length > 0) { var tracks = []; inst.songs.forEach(function(s, idx) { var vid = _frYtVideoIdFromSong(s); if (vid) { tracks.push({ id: vid, title: s.title || '', artist: s.artist || '', thumbnail: s.img || s.image_url || s.thumbnail || '', profileIndex: idx }); } }); if (tracks.length > 0) { _ytPlaylist = tracks; _ytIndex = 0; if (songInfo && typeof songInfo.index === 'number') { for (var ti = 0; ti < tracks.length; ti++) { if (tracks[ti].profileIndex === songInfo.index) { _ytIndex = ti; break; } } } for (var ti2 = 0; ti2 < tracks.length; ti2++) { if (tracks[ti2].id === videoId) { _ytIndex = ti2; break; } } usedProfileYtPlaylist = true; _ytPlaylistIsProfile = true; } } } if (!usedProfileYtPlaylist) { // If this video is already in the current multi-track queue (e.g. a // music-page search-results list or a related-suggestions queue that // _ytApplyPlayCommand / _ytBarNext just set up), KEEP the queue and // only move the pointer. Previously this branch unconditionally // collapsed the queue to a single entry whenever songInfo was truthy, // which made every song loop itself instead of advancing. var existingIdx = -1; if (_ytPlaylist && _ytPlaylist.length) { for (var qi = 0; qi < _ytPlaylist.length; qi++) { if (_ytPlaylist[qi] && _ytPlaylist[qi].id === videoId) { existingIdx = qi; break; } } } if (existingIdx >= 0 && _ytPlaylist.length > 1) { _ytIndex = existingIdx; if (songInfo) { var _cur = _ytPlaylist[existingIdx]; if (!_cur.title && songInfo.title) _cur.title = songInfo.title; if (!_cur.artist && songInfo.artist) _cur.artist = songInfo.artist; if (!_cur.thumbnail) _cur.thumbnail = songInfo.img || songInfo.image || songInfo.albumArt || songInfo.thumbnail || ''; } } else { _ytPlaylist = [{ id: videoId, title: (songInfo && songInfo.title) || '', artist: (songInfo && songInfo.artist) || '', thumbnail: (songInfo && (songInfo.img || songInfo.image || songInfo.albumArt || songInfo.thumbnail)) || '' }]; _ytIndex = 0; _ytPlaylistIsProfile = false; } } if (!_ytReady) { _ytPendingId = videoId; return; } _ytIsLive = false; _ytLastDur = 0; try { _ytPlayer.unMute(); } catch(_e) {} window._frBeginHandoff(3000); _ytPlayer.loadVideoById(videoId); _ytShowPlayer(); _ytSyncVolumeFromBar(); setTimeout(_ytSyncVolumeFromBar, 300); setTimeout(_ytSyncVolumeFromBar, 900); window._activeAudioSource = 'youtube'; localStorage.setItem('activeAudioSource', 'youtube'); _ytUpdateBarInfo(); } function _ytBarNext() { if (_ytPlaylist.length === 0) return; var nextIdx = _ytIndex + 1; var willWrap = (nextIdx >= _ytPlaylist.length); // True media-player continuation: at the end of a NON-profile queue (or a // single-song queue), pull related songs and keep playing instead of // looping the same track. Curated profile "tunes" still loop their list. if (willWrap && !_ytPlaylistIsProfile && !_ytRadioFetching) { if (_ytFetchRelatedAndPlay(_ytPlaylist[_ytIndex])) return; } if (willWrap) nextIdx = 0; _ytIndex = nextIdx; if (_ytPlaylist[_ytIndex]) { if (_ytPlaylistIsProfile && typeof _ytPlaylist[_ytIndex].profileIndex === 'number' && window.profilePlaylistInstance && typeof window.profilePlaylistInstance.playSong === 'function') { window.profilePlaylistInstance.playSong(_ytPlaylist[_ytIndex].profileIndex); return; } var _nextInfo = (_ytPlaylistIsProfile && typeof _ytPlaylist[_ytIndex].profileIndex === 'number') ? { source: 'profile-playlist', index: _ytPlaylist[_ytIndex].profileIndex } : null; _ytBarPlay(_ytPlaylist[_ytIndex].id, _nextInfo); } } function _ytBarPrev() { if (_ytPlaylist.length === 0) return; _ytIndex--; if (_ytIndex < 0) _ytIndex = _ytPlaylist.length - 1; if (_ytPlaylist[_ytIndex]) { if (_ytPlaylistIsProfile && typeof _ytPlaylist[_ytIndex].profileIndex === 'number' && window.profilePlaylistInstance && typeof window.profilePlaylistInstance.playSong === 'function') { window.profilePlaylistInstance.playSong(_ytPlaylist[_ytIndex].profileIndex); return; } var _prevInfo = (_ytPlaylistIsProfile && typeof _ytPlaylist[_ytIndex].profileIndex === 'number') ? { source: 'profile-playlist', index: _ytPlaylist[_ytIndex].profileIndex } : null; _ytBarPlay(_ytPlaylist[_ytIndex].id, _prevInfo); } } // "Suggested" autoplay: when a non-profile queue ends, seed a search from the // just-finished track's artist/title, append fresh (unseen) songs to the // queue and keep playing. Returns true if it took over playback. Falls back // (returns false) so the caller loops the queue if no suggestions are found. function _ytFetchRelatedAndPlay(seed) { if (!seed || !seed.id) return false; var q = (seed.artist && String(seed.artist).trim()) ? String(seed.artist).trim() : String(seed.title || '').trim(); if (!q) return false; _ytRadioFetching = true; _ytRadioSeen[seed.id] = true; var url = '/music/yt-search-api.php?type=songs&limit=25&q=' + encodeURIComponent(q); fetch(url, { credentials: 'same-origin' }) .then(function(r) { return r.ok ? r.json() : null; }) .then(function(data) { _ytRadioFetching = false; var items = (data && data.success && Array.isArray(data.results)) ? data.results : []; var fresh = []; for (var i = 0; i < items.length; i++) { var vid = items[i] && items[i].id; if (!vid || _ytRadioSeen[vid]) continue; if (_ytPlaylist.some(function(t) { return t && t.id === vid; })) continue; _ytRadioSeen[vid] = true; fresh.push({ id: vid, title: items[i].title || '', artist: items[i].artist || items[i].channel || '', thumbnail: items[i].thumbnail || '' }); if (fresh.length >= 15) break; } if (fresh.length === 0) { // No suggestions: replay the queue (don't go silent). _ytIndex = 0; if (_ytPlaylist[_ytIndex]) _ytBarPlay(_ytPlaylist[_ytIndex].id); return; } var startAt = _ytPlaylist.length; _ytPlaylist = _ytPlaylist.concat(fresh); // Keep the queue from growing without bound over long sessions. if (_ytPlaylist.length > 80) { var drop = _ytPlaylist.length - 80; _ytPlaylist = _ytPlaylist.slice(drop); startAt -= drop; if (startAt < 0) startAt = 0; } _ytIndex = startAt; if (_ytPlaylist[_ytIndex]) _ytBarPlay(_ytPlaylist[_ytIndex].id); }) .catch(function() { _ytRadioFetching = false; _ytIndex = 0; if (_ytPlaylist[_ytIndex]) _ytBarPlay(_ytPlaylist[_ytIndex].id); }); return true; } function _ytBarToggle() { if (!_ytPlayer || !_ytReady) return; var state = _ytPlayer.getPlayerState(); if (state === YT.PlayerState.PLAYING) { _ytPlayer.pauseVideo(); } else { try { _ytPlayer.unMute(); } catch(_e) {} _ytPlayer.playVideo(); } } function _ytUpdateBarInfo() { var song = _ytPlaylist[_ytIndex]; if (!song) return; var cs = { id: 'yt_' + song.id, title: song.title, artist: song.artist, albumArt: song.thumbnail, img: song.thumbnail, isYouTube: true, youtubeId: song.id }; if (_ytPlaylistIsProfile) { cs.source = 'profile-playlist'; if (typeof song.profileIndex === 'number') { cs.index = song.profileIndex; } else if (window.profilePlaylist && typeof window.profilePlaylist.currentIndex === 'number') { cs.index = window.profilePlaylist.currentIndex; } if (typeof cs.index === 'number' && window.profilePlaylist && window.profilePlaylist.songs) { window.profilePlaylist.currentIndex = cs.index; } if (typeof cs.index === 'number' && window.profilePlaylistInstance) { var _ppUi = window.profilePlaylistInstance; if (typeof _ppUi.updateCurrentSongHighlight === 'function') { try { _ppUi.updateCurrentSongHighlight({ songInfo: cs }); } catch (_e) {} } } } window.currentSong = cs; var barTitle = document.getElementById('bar-title'); if (barTitle) barTitle.textContent = song.title + (song.artist ? ' - ' + song.artist : ''); } function _ytBarSyncUI(isPlaying) { var barPlay = document.getElementById('bar-play'); if (!barPlay) return; if (isPlaying) { barPlay.innerHTML = '<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16"><path d="M5 3.5h2v9H5v-9zm4 0h2v9H9v-9z"/></svg>'; } else { barPlay.innerHTML = '<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16"><path d="M3 3.5v9a.5.5 0 0 0 .748.434l8-4.5a.5.5 0 0 0 0-.868l-8-4.5A.5.5 0 0 0 3 3.5z"/></svg>'; } } function _ytFmtTime(s) { s = (!s || isNaN(s) || !isFinite(s)) ? 0 : s; return Math.floor(s/60) + ':' + Math.floor(s%60).toString().padStart(2,'0'); } function _ytStartProgress() { if (_ytProgressTimer) return; _ytProgressTimer = setInterval(function() { if (!_ytPlayer || !_ytReady) return; try { var state = _ytPlayer.getPlayerState(); if (state !== YT.PlayerState.PLAYING && state !== YT.PlayerState.BUFFERING) return; var cur = _ytPlayer.getCurrentTime() || 0; var dur = _ytPlayer.getDuration() || 0; if (!_ytIsLive) { var _vd = null; try { _vd = _ytPlayer.getVideoData && _ytPlayer.getVideoData(); } catch(e) {} if (_vd && _vd.isLive) { _ytIsLive = true; } else if (_ytLastDur > 0 && dur > _ytLastDur + 0.5) { _ytIsLive = true; } if (_ytIsLive) { frDebugLog('[YT-Bar] Live/24-7 stream detected. switching to LIVE mode'); try { if (typeof window.enableRadioMode === 'function') window.enableRadioMode(); } catch(e) {} } } _ytLastDur = dur; if (_ytIsLive) { return; } if (dur <= 0) return; var pFill = document.querySelector('.bar-progress-fill'); var pTime = document.querySelector('.bar-time-display'); var pTotal = document.querySelector('.bar-time-total'); if (pFill) pFill.style.width = Math.min(100, (cur/dur)*100) + '%'; if (pTime) pTime.textContent = _ytFmtTime(cur); if (pTotal) pTotal.textContent = _ytFmtTime(dur); } catch(e) {} }, 500); } function _ytBarPause() { if (!_ytPlayer || !_ytReady) return; window._frBeginHandoff(1500); try { _ytPlayer.mute(); _ytPlayer.pauseVideo(); } catch(e) {} } function _ytBarStop() { if (_ytProgressTimer) { clearInterval(_ytProgressTimer); _ytProgressTimer = null; } if (_ytPlayer && _ytReady) { window._frBeginHandoff(1500); try { _ytPlayer.stopVideo(); } catch(e) {} } var wrap = document.getElementById('yt-bar-player-wrap'); if (wrap) wrap.style.display = 'none'; try { localStorage.removeItem('yt_bar_state'); } catch(e) {} _ytPlaylist = []; _ytIndex = -1; _ytPendingId = null; _ytIsLive = false; _ytLastDur = 0; try { if (typeof window.disableRadioMode === 'function') window.disableRadioMode(); } catch(e) {} if (window._activeAudioSource === 'youtube') { window._activeAudioSource = 'music'; try { localStorage.setItem('activeAudioSource', 'music'); } catch(e) {} } _ytBarSyncUI(false); } window._ytToggle = _ytBarToggle; window._ytNext = _ytBarNext; window._ytPrev = _ytBarPrev; window._ytPlay = _ytBarPlay; window._ytPause = _ytBarPause; window._ytStop = _ytBarStop; window._ytGetState = function() { if (!_ytPlayer || !_ytReady) return null; return { currentTime: _ytPlayer.getCurrentTime() || 0, duration: _ytPlayer.getDuration() || 0, isPlaying: _ytPlayer.getPlayerState() === YT.PlayerState.PLAYING, isLive: !!_ytIsLive, }; }; window._ytSeek = function(seconds) { if (!_ytPlayer || !_ytReady) return false; try { _ytPlayer.seekTo(seconds, true); return true; } catch(e) { return false; } }; // YouTube-sourced music plays inside the YT iframe, not the <audio> element, // so the footer volume slider must drive the YT player explicitly. Accepts // a 0..1 fraction (matching the music/UAM volume convention). window._ytSetVolume = function(vol01) { if (!_ytPlayer || !_ytReady) return false; try { var norm = Math.max(0, Math.min(1, vol01 || 0)); // Map slider -> YT API aggressively (max 100): iframe audio runs quieter // than HTML5 radio/archive at the same slider position. var pct = Math.min(100, Math.round(norm * 100 / 0.62)); _ytPlayer.setVolume(pct); if (pct <= 0) { _ytPlayer.mute(); } else { _ytPlayer.unMute(); } return true; } catch(e) { return false; } }; // COMPLIANCE: gesture-gated resume. The footer play button calls this on // a user click. It loads + plays the stashed YT track (visible player) // and seeks to the saved position. Returns true if it consumed a resume. window._ytHasPendingResume = function() { return !!_ytPendingResume; }; window._ytConsumeResume = function() { if (!_ytPendingResume) return false; var target = _ytPendingResume; _ytPendingResume = null; try { if (typeof window.clearUserPaused === 'function') window.clearUserPaused(); } catch(_e) {} _ytBarPlay(target.id); var seekT = target.currentTime || 0; if (seekT > 0) { var tries = 0; var iv = setInterval(function() { tries++; if (tries > 40) { clearInterval(iv); return; } if (!_ytPlayer || !_ytReady) return; var dur = _ytPlayer.getDuration ? _ytPlayer.getDuration() : 0; if (!dur || !isFinite(dur) || dur <= 0) return; clearInterval(iv); var seekTarget = Math.min(seekT, Math.max(0, dur - 2)); if (seekTarget > 0) { try { _ytPlayer.seekTo(seekTarget, true); } catch(e) {} } }, 150); } return true; }; function _ytApplyPlayCommand(playlist, index, source) { if (playlist && playlist.length > 0) { _ytPlaylist = playlist; _ytPlaylistIsProfile = false; } if (typeof index === 'number') { _ytIndex = index; } var entry = _ytPlaylist[_ytIndex]; if (!entry || !entry.id) return false; if (source === 'embed') { try { if (typeof window.clearUserPaused === 'function') window.clearUserPaused(); } catch (_e) {} } _ytBarPlay(entry.id, { title: entry.title || '', artist: entry.artist || entry.channel || '', img: entry.thumbnail || entry.img || '' }); return true; } window._ytPlayFromEmbed = function (playlist, index) { return _ytApplyPlayCommand(playlist, index, 'embed'); }; window.addEventListener('message', function(e) { if (!e.data || e.data.type !== 'yt-play') return; frDebugLog('[YT-Bar] Received play command from iframe:', e.data); _ytApplyPlayCommand(e.data.playlist, e.data.index, 'message'); }); try { var ytState = localStorage.getItem('yt_bar_state'); if (ytState) { var s = JSON.parse(ytState); if (s.playlist && s.playlist.length > 0 && s.index >= 0) { _ytPlaylist = s.playlist; _ytIndex = s.index; var activeSource = localStorage.getItem('activeAudioSource'); // COMPLIANCE (YouTube background-play): do NOT auto-resume YT // across navigations. Stash the track + position and show it in // the persistent footer bar paused; the user resumes with a // click on the play button (a valid user gesture tied to the // current page). Archive/radio sources are unaffected — they // restore through their own paths. if (activeSource === 'youtube' && s.autoStarted !== true) { var _entry = _ytPlaylist[_ytIndex]; if (_entry && _entry.id) { _ytPendingResume = { id: _entry.id, currentTime: s.isLive ? 0 : (s.currentTime || 0) }; _ytUpdateBarInfo(); _ytBarSyncUI(false); // Mark the bar title so the CSS can show a "tap ▶ to resume" hint var _barTitleEl = document.getElementById('bar-title'); if (_barTitleEl) _barTitleEl.setAttribute('data-pending-resume', '1'); frDebugLog('[YT-Bar] Track restored paused; awaiting user gesture to resume'); } } else if (s.autoStarted === true) { frDebugLog('[YT-Bar] Skipping profile auto-started YT (left profile area)'); } else { // Just update the bar info without auto-playing _ytUpdateBarInfo(); } } } } catch(e) {} function _ytStateAutoStarted() { try { var autoSrc = window._profileAutoStartedSrc || ''; var cur = (_ytPlaylist && _ytPlaylist[_ytIndex]) ? _ytPlaylist[_ytIndex].id : ''; return !!(autoSrc && cur && autoSrc.indexOf(cur) !== -1); } catch(_e) { return false; } } setInterval(function() { var activeSource = window._activeAudioSource || localStorage.getItem('activeAudioSource'); if (activeSource !== 'youtube' || !_ytPlayer || !_ytReady) return; try { var state = { playlist: _ytPlaylist, index: _ytIndex, currentTime: _ytIsLive ? 0 : (_ytPlayer.getCurrentTime() || 0), isPlaying: _ytPlayer.getPlayerState() === YT.PlayerState.PLAYING, isLive: !!_ytIsLive, autoStarted: _ytStateAutoStarted() }; localStorage.setItem('yt_bar_state', JSON.stringify(state)); } catch(e) {} }, 3000); window.addEventListener('beforeunload', function() { var activeSource = window._activeAudioSource || localStorage.getItem('activeAudioSource'); if (activeSource !== 'youtube' || !_ytPlayer || !_ytReady) return; try { var state = { playlist: _ytPlaylist, index: _ytIndex, currentTime: _ytIsLive ? 0 : (_ytPlayer.getCurrentTime() || 0), isPlaying: _ytPlayer.getPlayerState() === YT.PlayerState.PLAYING, isLive: !!_ytIsLive, autoStarted: _ytStateAutoStarted() }; localStorage.setItem('yt_bar_state', JSON.stringify(state)); } catch(e) {} }); })(); </script> <script> (function(){ if (typeof window.stopAllAudio === 'function') return; window.stopAllAudio = function(opts) { opts = opts || {}; var keep = opts.keep || ''; // 'music' | 'radio' | 'youtube'. leave that source alone try { if (keep !== 'music') { var music = document.getElementById('music'); if (music && !music.paused) { try { music.pause(); } catch(_e) {} } if (window.UnifiedAudioManager && typeof window.UnifiedAudioManager.pause === 'function') { try { window.UnifiedAudioManager.pause(); } catch(_e) {} } } if (keep !== 'radio') { if (typeof window.frStopRadioWatchdog === 'function') { try { window.frStopRadioWatchdog(); } catch(_e) {} } var radio = document.getElementById('radio-audio'); if (radio && (!radio.paused || radio.src) && !window._frRadioLoading) { try { radio._pauseAllowed = true; radio.pause(); } catch(_e) {} } if (typeof window.disableRadioMode === 'function') { try { window.disableRadioMode(); } catch(_e) {} } } if (keep !== 'youtube' && typeof window._ytPause === 'function') { try { window._ytPause(); } catch(_e) {} } } catch(_e) {} }; })(); </script> <script> (function(){ if (window._frAudioCoord) return; window._frAudioCoord = true; var TAB_ID = Date.now().toString(36) + '-' + Math.random().toString(36).slice(2, 8); var myClaimT = 0; // timestamp of THIS tab's most recent play claim var bc = null; try { bc = ('BroadcastChannel' in window) ? new BroadcastChannel('fr-audio-control') : null; } catch(_e) { bc = null; } function pauseForRemote() { window._frRemotePausing = true; try { if (typeof window.stopAllAudio === 'function') window.stopAllAudio(); } catch(_e) {} setTimeout(function(){ window._frRemotePausing = false; }, 600); } function onRemote(data) { if (!data || data.type !== 'claim' || data.id === TAB_ID) return; if (data.t > myClaimT) pauseForRemote(); } if (bc) { bc.onmessage = function(ev){ onRemote(ev.data); }; } window.addEventListener('storage', function(ev){ if (ev.key !== 'fr_audio_claim' || !ev.newValue) return; try { onRemote(JSON.parse(ev.newValue)); } catch(_e) {} }); window._frClaimAudio = function(){ if (window._frRemotePausing) return; myClaimT = Date.now(); var msg = { type: 'claim', id: TAB_ID, t: myClaimT }; try { if (bc) bc.postMessage(msg); } catch(_e) {} try { localStorage.setItem('fr_audio_claim', JSON.stringify(msg)); } catch(_e) {} }; })(); </script> <script> (function(){ // Prevent duplicate initialization if (window._footerMusicBarInitialized) { frDebugLog('[Footer Music Bar] Already initialized, skipping duplicate'); return; } window._footerMusicBarInitialized = true; const existing = document.querySelector('#music-api-script'); if(existing && existing !== document.currentScript.previousElementSibling){ document.currentScript.previousElementSibling.remove(); } const STORAGE_KEY = 'anyspace_audio_state'; const IS_MOBILE = /Mobi|Android|iPhone|iPad|iPod/i.test(navigator.userAgent); window._isRestoring = false; window._resumeTime = 0; const USER_PAUSED_KEY = 'anyspace_user_paused'; function setUserPaused() { try { localStorage.setItem(USER_PAUSED_KEY, '1'); } catch(_e) {} } function clearUserPaused() { try { localStorage.removeItem(USER_PAUSED_KEY); } catch(_e) {} } function isUserPaused() { try { return localStorage.getItem(USER_PAUSED_KEY) === '1'; } catch(_e) { return false; } } window.setUserPaused = setUserPaused; window.clearUserPaused = clearUserPaused; window.isUserPaused = isUserPaused; function isArchiveMusicPlaying() { const el = document.getElementById('music') || window.audioElement; if (!el || el.paused) return false; const src = el.currentSrc || el.src || ''; if (!src || src === 'about:blank') return false; return !/youtube\.com\/watch|youtu\.be\//.test(src); } function markMusicActiveSource() { window._activeAudioSource = 'music'; try { localStorage.setItem('activeAudioSource', 'music'); localStorage.removeItem(RADIO_STORAGE_KEY); } catch (_e) {} } function savedMusicShouldResumeOverYoutube() { try { if (typeof window.frIsProfileAudioContextPage === 'function' && window.frIsProfileAudioContextPage()) { var ytRaw = localStorage.getItem('yt_bar_state'); if (ytRaw) { var ys = JSON.parse(ytRaw); if (ys && ys.isPlaying) return false; } } const raw = localStorage.getItem(STORAGE_KEY); if (!raw) return false; const ms = JSON.parse(raw); return !!(ms && ms.isPlaying && ms.src && !/youtube\.com\/watch|youtu\.be\//.test(ms.src) && !ms.autoStarted); } catch (_e) { return false; } } function saveState(eventType){ if(!window.audioElement) return; const audio = window.audioElement; const cur = window.currentSong || {}; if (isArchiveMusicPlaying()) { markMusicActiveSource(); } const activeSource = window._activeAudioSource || localStorage.getItem('activeAudioSource'); if ((activeSource === 'youtube' || activeSource === 'radio') && !isArchiveMusicPlaying()) return; if (window._isRestoring && eventType !== 'beforeunload') { return; } // Determine a stable currentTime to write let currentTime = audio.currentTime || 0; const durationReady = (audio.duration && isFinite(audio.duration) && audio.duration > 0); if ((!durationReady || currentTime === 0) && window._resumeTime && window._resumeTime > 0) { currentTime = window._resumeTime; } let autoStarted = false; try { const autoSrc = window._profileAutoStartedSrc || ''; const curSrc = audio.currentSrc || audio.src || ''; if (autoSrc && curSrc && (curSrc === autoSrc || curSrc.endsWith(autoSrc) || autoSrc.endsWith(curSrc))) { autoStarted = true; } } catch(_e) {} const state = { src: audio.currentSrc || audio.src || '', currentTime, isPlaying: !audio.paused, title: cur.title || '', artist: cur.artist || '', albumArt: cur.albumArt || cur.img || cur.image || cur.cover || '', duration: durationReady ? audio.duration : 0, volume: (typeof audio.volume === 'number' ? audio.volume : 1), autoStarted }; try { const prevRaw = localStorage.getItem(STORAGE_KEY); if (prevRaw) { const prev = JSON.parse(prevRaw); if (prev && typeof prev.currentTime === 'number' && prev.currentTime > state.currentTime && prev.src && state.src && prev.src === state.src) { state.currentTime = prev.currentTime; } if (!state.src && prev.src) state.src = prev.src; if (!state.title && prev.title) state.title = prev.title; if (!state.artist && prev.artist) state.artist = prev.artist; if (!state.albumArt && prev.albumArt) state.albumArt = prev.albumArt; } } catch (e) { /* ignore */ } if (/youtube\.com\/watch|youtu\.be\//.test(state.src)) return; localStorage.setItem(STORAGE_KEY, JSON.stringify(state)); } window.addEventListener('beforeunload', () => saveState('beforeunload')); setInterval(() => saveState('interval'), 5000); function setupMusicActiveSourceListener() { const musicAudio = document.getElementById('music'); if (!musicAudio) return; musicAudio.addEventListener('play', function() { if (!musicAudio.src || musicAudio.src === '' || musicAudio.src === 'about:blank') { return; } // Don't interfere with radio restoration if (window._radioRestoring) { frDebugLog('[Music] Ignoring play event - radio is restoring'); return; } markMusicActiveSource(); try { if (typeof window._frClaimAudio === 'function') window._frClaimAudio(); } catch(_e) {} const radioAudio = document.getElementById('radio-audio'); if (radioAudio && !radioAudio.paused && !window._frRadioLoading) { frDebugLog('[Music] Stopping radio - music is now playing'); frStopRadioWatchdog(); radioAudio._pauseAllowed = true; try { radioAudio.pause(); } catch(e) {} disableRadioMode(); } // ALWAYS stop YouTube when music plays if (typeof window._ytPause === 'function') { try { window._ytPause(); } catch(e) {} frDebugLog('[Music] Stopped YouTube player'); } var ytWrap = document.getElementById('yt-bar-player-wrap'); if (ytWrap) ytWrap.style.display = 'none'; // Clear radio restoring flag window._radioRestoring = false; const checkDuration = () => { if (musicAudio.duration && !isNaN(musicAudio.duration) && musicAudio.duration > 0) { markMusicActiveSource(); } }; if (musicAudio.duration && !isNaN(musicAudio.duration) && musicAudio.duration > 0) { checkDuration(); } else { // Check again after metadata loads musicAudio.addEventListener('loadedmetadata', checkDuration, { once: true }); setTimeout(checkDuration, 1000); // Fallback } }); } // Call after audio element is ready setTimeout(setupMusicActiveSourceListener, 500); function setupRadioActiveSourceListener() { const radioAudio = document.getElementById('radio-audio'); if (!radioAudio) return; radioAudio.addEventListener('play', function() { if (!radioAudio.src || radioAudio.src === '') return; frStartRadioWatchdog(radioAudio, true); // Stop music when radio plays const musicAudio = document.getElementById('music'); if (musicAudio && !musicAudio.paused) { frDebugLog('[Radio] Stopping music - radio is now playing'); musicAudio.pause(); } // Stop YouTube when radio plays if (typeof window._ytPause === 'function') { try { window._ytPause(); } catch(e) {} frDebugLog('[Radio] Stopped YouTube player'); } var ytWrap = document.getElementById('yt-bar-player-wrap'); if (ytWrap) ytWrap.style.display = 'none'; // Set radio as active source window._activeAudioSource = 'radio'; try { localStorage.setItem('activeAudioSource', 'radio'); } catch(e) {} }); radioAudio.addEventListener('playing', function() { if (localStorage.getItem('activeAudioSource') !== 'radio') return; window._frRadioReconnectAt = 0; window._frRadioReconnectCount = 0; try { if (typeof window._frClaimAudio === 'function') window._frClaimAudio(); } catch(_e) {} try { if (frShouldConnectRadioVisualizer(radioAudio)) { connectRadioToVisualizer(radioAudio); } enableRadioMode(); } catch (_e) {} }); radioAudio.addEventListener('pause', function() { if (localStorage.getItem('activeAudioSource') !== 'radio') return; disableRadioMode(); }); // Reconnect on hard network failures (ERR_QUIC_PROTOCOL_ERROR through Cloudflare HTTP/3). // Alternates panel (origin-direct) vs same-origin proxy; not a buffering watchdog. radioAudio.addEventListener('error', function() { if (localStorage.getItem('activeAudioSource') !== 'radio') return; if (typeof isUserPaused === 'function' && isUserPaused()) return; var stationUrl = radioAudio.dataset.frStationUrl || (window.currentRadioStation && window.currentRadioStation.url) || ''; if (!stationUrl) return; var now = Date.now(); if (window._frRadioReconnectAt && (now - window._frRadioReconnectAt) < 15000) return; window._frRadioReconnectCount = (window._frRadioReconnectCount || 0) + 1; if (window._frRadioReconnectCount > 6) return; window._frRadioReconnectAt = now; frFlipRadioProxyEndpoint(); frDebugLog('[Radio] Stream network error — reconnect via ' + frStreamProxyDirectBase()); setTimeout(function () { if (localStorage.getItem('activeAudioSource') !== 'radio') return; if (typeof isUserPaused === 'function' && isUserPaused()) return; var url = frResolveRadioStreamUrl(stationUrl, true); if (!url) return; radioAudio.dataset.frStationUrl = stationUrl; frApplyRadioCrossOrigin(radioAudio, stationUrl); radioAudio.src = url; radioAudio.play().then(function () { try { if (typeof window._frClaimAudio === 'function') window._frClaimAudio(); } catch (_e) {} enableRadioMode(); if (frShouldConnectRadioVisualizer(radioAudio)) { connectRadioToVisualizer(radioAudio); } }).catch(function () {}); }, 3000); }); } setTimeout(setupRadioActiveSourceListener, 500); // Radio state storage key const RADIO_STORAGE_KEY = 'anyspace_radio_state'; function frCanonicalRadioStationUrl(rawUrl) { if (!rawUrl) return ''; if (rawUrl.indexOf('stream-proxy.php') === -1 && rawUrl.indexOf('radio-stream.php') === -1) return rawUrl; try { var u = new URL(rawUrl, window.location.origin); return decodeURIComponent(u.searchParams.get('url') || rawUrl); } catch (_e) { return rawUrl; } } function frStreamProxyDirectBase() { try { if (sessionStorage.getItem('fr_radio_proxy_endpoint') === 'same-origin') { return '/music/engine/stream-proxy.php'; } } catch (_e) {} // panel.friendrewind.com is grey-cloud (direct origin) — avoids Cloudflare HTTP/3 QUIC drops return 'https://panel.friendrewind.com/radio-stream.php'; } function frFlipRadioProxyEndpoint() { try { var k = 'fr_radio_proxy_endpoint'; sessionStorage.setItem(k, sessionStorage.getItem(k) === 'same-origin' ? 'panel' : 'same-origin'); } catch (_e) {} } function frResolveRadioStreamUrl(rawUrl, bustCache) { if (!rawUrl) return ''; rawUrl = frCanonicalRadioStationUrl(rawUrl); var streamUrl = rawUrl; var base = frStreamProxyDirectBase(); if (streamUrl.indexOf('stream-proxy.php') !== -1 || streamUrl.indexOf('radio-stream.php') !== -1) { var q = 'url=' + encodeURIComponent(rawUrl); if (bustCache) q += '&_=' + Date.now(); return base + '?' + q; } if (/^https?:\/\//i.test(streamUrl) && window.location.protocol === 'https:') { var q2 = 'url=' + encodeURIComponent(rawUrl); if (bustCache) q2 += '&_=' + Date.now(); streamUrl = base + '?' + q2; } return streamUrl; } function frRadioUsesProxy(rawUrl) { rawUrl = frCanonicalRadioStationUrl(rawUrl || ''); return !!(rawUrl && /^https?:\/\//i.test(rawUrl) && window.location.protocol === 'https:'); } function frApplyRadioCrossOrigin(radioAudio, rawUrl) { var _isWebView = /DuckDuckGo|SamsungBrowser/i.test(navigator.userAgent) || (/wv\)/.test(navigator.userAgent) && /Android/i.test(navigator.userAgent)); if (_isWebView || !frRadioUsesProxy(rawUrl)) { radioAudio.removeAttribute('crossorigin'); radioAudio.crossOrigin = null; } else { radioAudio.crossOrigin = 'anonymous'; } } function frShouldConnectRadioVisualizer(radioAudio) { var src = radioAudio.currentSrc || radioAudio.src || ''; if (!src) return false; try { var u = new URL(src, window.location.origin); var isProxy = u.pathname.indexOf('stream-proxy.php') !== -1 || u.pathname.indexOf('radio-stream.php') !== -1; if (!isProxy) return false; if (u.origin === window.location.origin) return true; var co = radioAudio.crossOrigin || radioAudio.getAttribute('crossorigin'); return co === 'anonymous' || co === 'use-credentials'; } catch (_e) { return false; } } function frRadioAbortRestoreProtection() { if (typeof window._frRadioRestoreCleanup === 'function') { window._frRadioRestoreCleanup(); window._frRadioRestoreCleanup = null; } if (window._radioMonitor) { clearInterval(window._radioMonitor); window._radioMonitor = null; } } function frIsAbortPlayError(err) { if (!err) return false; if (err.name === 'AbortError') return true; return /interrupted by a call to pause/i.test(String(err.message || '')); } function frRadioBeginLoad() { window._frRadioLoadGen = (window._frRadioLoadGen || 0) + 1; window._frRadioLoading = true; return window._frRadioLoadGen; } function frRadioSafePlay(radioAudio, loadGen, opts) { opts = opts || {}; if (!radioAudio) return Promise.reject(new Error('no radio element')); var maxAttempts = opts.maxAttempts || 4; var attempt = 0; function tryPlay() { attempt++; var p; try { p = radioAudio.play(); } catch (e) { return Promise.reject(e); } if (!p || typeof p.then !== 'function') { if (loadGen === window._frRadioLoadGen) { window._frRadioLoading = false; radioAudio._pauseAllowed = false; } return Promise.resolve(); } return p.then(function () { if (loadGen !== window._frRadioLoadGen) return; window._frRadioLoading = false; radioAudio._pauseAllowed = false; }).catch(function (err) { if (loadGen !== window._frRadioLoadGen) return; if (frIsAbortPlayError(err) && attempt < maxAttempts) { return new Promise(function (resolve) { setTimeout(resolve, 40 * attempt); }).then(tryPlay); } window._frRadioLoading = false; return Promise.reject(err); }); } return tryPlay(); } window.frIsAbortPlayError = frIsAbortPlayError; window.frRadioBeginLoad = frRadioBeginLoad; window.frRadioSafePlay = frRadioSafePlay; function frResetRadioAudioElement() { var old = document.getElementById('radio-audio'); if (!old || !old._hasMediaSource) return old; frStopRadioWatchdog(); frRadioAbortRestoreProtection(); old._pauseAllowed = true; try { old.pause(); } catch (_e) {} var nu = document.createElement('audio'); nu.id = 'radio-audio'; nu.setAttribute('data-uam-skip', '1'); nu.style.display = 'none'; nu.preload = 'none'; nu.setAttribute('playsinline', ''); nu.setAttribute('webkit-playsinline', ''); if (old.parentNode) old.parentNode.replaceChild(nu, old); // Tear down the Web Audio graph wired to the now-detached element so // the visualizer doesn't keep reading a silent orphan analyser. A // fresh context + analyser is rebuilt by connectRadioToVisualizer() // once the replacement element starts playing. try { if (window.radioAudioContext && window.radioAudioContext.state !== 'closed') { window.radioAudioContext.close(); } } catch (_e) {} window.radioAudioContext = null; window.radioAnalyser = null; nu._hasMediaSource = false; return nu; } window.frResolveRadioStreamUrl = frResolveRadioStreamUrl; window.frCanonicalRadioStationUrl = frCanonicalRadioStationUrl; window.frApplyRadioCrossOrigin = frApplyRadioCrossOrigin; window.frRadioAbortRestoreProtection = frRadioAbortRestoreProtection; window.frResetRadioAudioElement = frResetRadioAudioElement; // Intentionally inert — live streams stay connected via the browser's own // buffering. A reload/resume watchdog caused disconnect/replay loops. function frStopRadioWatchdog() { window._frRadioShouldPlay = false; } function frStartRadioWatchdog(radioAudio, shouldPlay) { window._frRadioShouldPlay = !!shouldPlay; } window.frStartRadioWatchdog = frStartRadioWatchdog; window.frStopRadioWatchdog = frStopRadioWatchdog; // Save radio state (save whether playing or paused) function saveRadioState() { const radioAudio = document.getElementById('radio-audio'); if (!radioAudio || !radioAudio.src) return; const activeSource = localStorage.getItem('activeAudioSource'); if (activeSource !== 'radio') return; const station = window.currentRadioStation || null; const canonicalSrc = (station && station.url) ? station.url : (radioAudio.dataset.frStationUrl || radioAudio.src); const radioState = { src: canonicalSrc, title: window.currentSong?.title || '', artist: window.currentSong?.artist || '', isPlaying: !radioAudio.paused, volume: radioAudio.volume, isRadio: true, station: station }; localStorage.setItem(RADIO_STORAGE_KEY, JSON.stringify(radioState)); } // Restore radio state on page load function restoreRadioState() { if (window._profileAutoStartPending) { frDebugLog('restoreRadioState: profile autoplay pending, standing down (radio state preserved)'); return; } const json = localStorage.getItem(RADIO_STORAGE_KEY); if (!json) return; try { const state = JSON.parse(json); if (!state.src) return; const radioAudio = document.getElementById('radio-audio'); if (!radioAudio) return; frDebugLog('Restoring radio:', state.title, 'wasPlaying:', state.isPlaying); window._radioRestoring = true; setTimeout(() => { window._radioRestoring = false; }, 5000); const stationUrl = (state.station && state.station.url) ? state.station.url : state.src; let streamUrl = frResolveRadioStreamUrl(stationUrl); if (stationUrl && streamUrl !== stationUrl) { frDebugLog('[Radio] Using proxy for HTTP stream'); } radioAudio.dataset.frStationUrl = stationUrl || ''; frApplyRadioCrossOrigin(radioAudio, stationUrl); radioAudio.src = streamUrl; var _restoreVol = (typeof window._frBarVolumeFraction === 'function') ? window._frBarVolumeFraction() : 1; if (!document.querySelector('.volume-slider') && typeof state.volume === 'number') { _restoreVol = state.volume; } var _radioScale = (typeof window.FR_RADIO_VOLUME_SCALE === 'number') ? window.FR_RADIO_VOLUME_SCALE : 1; radioAudio.volume = Math.max(0, Math.min(1, _restoreVol * _radioScale)); // Store for fallback retry window._radioStreamUrl = streamUrl; var _frRadioDebug = false; try { _frRadioDebug = localStorage.getItem('fr_debug') === '1'; } catch (_e) {} radioAudio.addEventListener('playing', function radioPlayingDebug() { setTimeout(() => { try { if (frShouldConnectRadioVisualizer(radioAudio)) { connectRadioToVisualizer(radioAudio); } enableRadioMode(); } catch (e) {} }, 300); }, { once: false }); if (_frRadioDebug) { radioAudio.addEventListener('pause', function radioPauseDebug() { console.warn('[Radio Debug] Audio PAUSED! Stack:', new Error().stack); }); radioAudio.addEventListener('error', function radioErrorDebug() { console.error('[Radio Debug] Audio ERROR:', radioAudio.error); }); radioAudio.addEventListener('emptied', function () { console.error('[Radio Debug] Audio EMPTIED - src was cleared!'); }); let lastPaused = radioAudio.paused; let lastSrc = radioAudio.src; window._radioMonitor = setInterval(() => { if (radioAudio.paused !== lastPaused) { console.error('[Radio Monitor] PAUSED changed:', lastPaused, '->', radioAudio.paused); lastPaused = radioAudio.paused; } if (radioAudio.src !== lastSrc) { console.error('[Radio Monitor] SRC changed:', lastSrc.substring(0, 30), '->', radioAudio.src.substring(0, 30)); lastSrc = radioAudio.src; } }, 500); } // Update currentSong window.currentSong = { title: state.title, artist: state.artist, isRadio: true }; // Update bar title const barTitle = document.getElementById('bar-title'); if (barTitle && state.title) { barTitle.textContent = state.title + (state.artist ? ' - ' + state.artist : ''); } // Set active source window._activeAudioSource = 'radio'; if (state.isPlaying && isUserPaused()) { frDebugLog('restoreRadioState: user-paused sentinel set. not resuming radio'); state.isPlaying = false; } if (state.isPlaying) { frDebugLog('Radio was playing, attempting to resume with src:', state.src); var restoreGen = (typeof window.frRadioBeginLoad === 'function') ? window.frRadioBeginLoad() : ((window._frRadioLoadGen = (window._frRadioLoadGen || 0) + 1), window._frRadioLoading = true, window._frRadioLoadGen); radioAudio._pauseAllowed = true; var restorePlay = (typeof window.frRadioSafePlay === 'function') ? window.frRadioSafePlay(radioAudio, restoreGen) : radioAudio.play(); Promise.resolve(restorePlay).then(() => { if (restoreGen !== window._frRadioLoadGen) return; frDebugLog('Radio restored and playing successfully!'); frStartRadioWatchdog(radioAudio, true); // Update play button to pause icon const barPlay = document.getElementById('bar-play'); if (barPlay) { barPlay.innerHTML = '<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16"><path d="M5 3.5h2v9H5v-9zm4 0h2v9H9v-9z"/></svg>'; } // Enable radio mode animation enableRadioMode(); // Connect to visualizer after playback is stable setTimeout(() => { try { connectRadioToVisualizer(radioAudio); } catch(e) { console.warn('Visualizer connection failed:', e.message); } }, 500); }).catch(err => { if (restoreGen !== window._frRadioLoadGen) return; frDebugLog('Radio play failed:', err.message); if (typeof window.frIsAbortPlayError === 'function' && window.frIsAbortPlayError(err)) { window._needsRadioPlay = true; return; } if (err.name === 'NotSupportedError' || err.message.includes('CORS')) { frDebugLog('[Radio] Retrying without crossOrigin...'); radioAudio.removeAttribute('crossOrigin'); radioAudio.src = window._radioStreamUrl; radioAudio.play().then(() => { frDebugLog('Radio playing (no visualizer)'); try { if (typeof window._frClaimAudio === 'function') window._frClaimAudio(); } catch(_e) {} frStartRadioWatchdog(radioAudio, true); const barPlay = document.getElementById('bar-play'); if (barPlay) { barPlay.innerHTML = '<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16"><path d="M5 3.5h2v9H5v-9zm4 0h2v9H9v-9z"/></svg>'; } }).catch(e => { frDebugLog('Radio autoplay prevented:', e.message); window._needsRadioPlay = true; }); } else { // Regular autoplay prevention window._needsRadioPlay = true; const barPlay = document.getElementById('bar-play'); if (barPlay) { barPlay.innerHTML = '<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16"><path d="M3 3.5v9a.5.5 0 0 0 .748.434l8-4.5a.5.5 0 0 0 0-.868l-8-4.5A.5.5 0 0 0 3 3.5z"/></svg>'; } } }); } else { frDebugLog('Radio was paused, keeping paused'); // Show play button for paused state const barPlay = document.getElementById('bar-play'); if (barPlay) { barPlay.innerHTML = '<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16"><path d="M3 3.5v9a.5.5 0 0 0 .748.434l8-4.5a.5.5 0 0 0 0-.868l-8-4.5A.5.5 0 0 0 3 3.5z"/></svg>'; } } } catch (e) { console.error('Error restoring radio state:', e); } } // Save radio state periodically setInterval(() => saveRadioState(), 5000); window.addEventListener('beforeunload', () => saveRadioState()); window.addEventListener('pagehide', () => saveRadioState()); function frNativeAudioContextClass() { return window._frNativeAudioContext || window.AudioContext || window.webkitAudioContext; } function frEnsureRadioAudioContext(radioAudio) { const Ctx = frNativeAudioContextClass(); if (!Ctx) return null; if (!window.radioAudioContext || window.radioAudioContext.state === 'closed') { window.radioAudioContext = new Ctx(); window.radioAnalyser = null; if (radioAudio) radioAudio._hasMediaSource = false; } if (window.radioAudioContext.state === 'suspended') { window.radioAudioContext.resume().catch(function () {}); } return window.radioAudioContext; } function connectRadioToVisualizer(radioAudio) { if (!radioAudio || !radioAudio.src) return; if (!frShouldConnectRadioVisualizer(radioAudio)) { frDebugLog('Skipping radio visualizer for cross-origin stream'); return; } try { const audioContext = frEnsureRadioAudioContext(radioAudio); if (!audioContext || audioContext.state === 'closed') return; if (window.radioAnalyser && radioAudio._hasMediaSource) { return; } if (radioAudio._hasMediaSource) { radioAudio._hasMediaSource = false; } const source = audioContext.createMediaElementSource(radioAudio); radioAudio._hasMediaSource = true; const analyser = audioContext.createAnalyser(); analyser.fftSize = 256; analyser.smoothingTimeConstant = 0.8; source.connect(analyser); analyser.connect(audioContext.destination); window.radioAudioContext = audioContext; window.radioAnalyser = analyser; frDebugLog('Radio connected to visualizer successfully'); } catch (e) { console.warn('Could not connect radio to visualizer:', e.message); } } // Expose globally for playlist-manager window.connectRadioToVisualizer = function() { const radioAudio = document.getElementById('radio-audio'); if (radioAudio) { connectRadioToVisualizer(radioAudio); } }; // Enable radio mode animation on progress bar function enableRadioMode() { const progressContainer = document.querySelector('.bar-progress-container'); const progress = document.querySelector('.bar-progress'); if (!progressContainer || !progress) return; // Add radio mode class progressContainer.classList.add('radio-mode'); // Create wave animation if not exists if (!progress.querySelector('.radio-wave-animation')) { const waveContainer = document.createElement('div'); waveContainer.className = 'radio-wave-animation'; // Create 12 wave bars for (let i = 0; i < 12; i++) { const bar = document.createElement('div'); bar.className = 'radio-wave-bar'; waveContainer.appendChild(bar); } // Add LIVE indicator const liveIndicator = document.createElement('div'); liveIndicator.className = 'radio-live-indicator'; liveIndicator.innerHTML = '<span class="radio-live-dot"></span>LIVE'; waveContainer.appendChild(liveIndicator); progress.appendChild(waveContainer); } frDebugLog('[Radio] Enabled radio mode animation'); } // Disable radio mode animation function disableRadioMode() { const progressContainer = document.querySelector('.bar-progress-container'); if (!progressContainer) return; progressContainer.classList.remove('radio-mode'); // Remove wave animation const waveAnim = document.querySelector('.radio-wave-animation'); if (waveAnim) waveAnim.remove(); frDebugLog('[Radio] Disabled radio mode animation'); } // Expose globally window.enableRadioMode = enableRadioMode; window.disableRadioMode = disableRadioMode; function restoreState(){ if(!window.audioElement) { console.error("restoreState: window.audioElement not set."); return; } const activeSource = localStorage.getItem('activeAudioSource'); if (activeSource === 'youtube') { if (savedMusicShouldResumeOverYoutube()) { frDebugLog('restoreState: stale youtube flag. restoring archive music instead'); markMusicActiveSource(); } else if (typeof window._ytToggle !== 'function') { // YouTube iframe is gone. clean up stale state frDebugLog('restoreState: YouTube was active but player is gone, clearing stale state'); localStorage.setItem('activeAudioSource', 'music'); window._activeAudioSource = 'music'; localStorage.removeItem(STORAGE_KEY); window.currentSong = null; const barTitle = document.getElementById('bar-title'); if (barTitle) barTitle.textContent = 'Nothing playing'; return; // Don't restore anything. start clean } else { frDebugLog('restoreState: YouTube player still active, skipping restore'); return; } } if (activeSource === 'radio') { frDebugLog('restoreState: Radio is active source, restoring radio'); restoreRadioState(); return; } const json = localStorage.getItem(STORAGE_KEY) || sessionStorage.getItem(STORAGE_KEY); if(!json) return; try{ const state = JSON.parse(json); if (state && state.autoStarted === true) { if (!(typeof window.frIsProfileAudioContextPage === 'function' && window.frIsProfileAudioContextPage())) { frDebugLog('restoreState: skipping profile auto-started song (left profile area)'); localStorage.removeItem(STORAGE_KEY); const barTitle = document.getElementById('bar-title'); if (barTitle) barTitle.textContent = 'Nothing playing'; return; } } if (state && state.isPlaying && isUserPaused()) { frDebugLog('restoreState: user-paused sentinel set. forcing isPlaying=false'); state.isPlaying = false; } if(state.src){ if (/youtube\.com\/watch|youtu\.be\//.test(state.src)) { frDebugLog('restoreState: Skipping YouTube URL restore (CORS blocked)'); localStorage.removeItem(STORAGE_KEY); return; } const audio = window.audioElement; window._isRestoring = true; window._resumeTime = state.currentTime || 0; audio.volume = IS_MOBILE ? 1 : (typeof state.volume === 'number' ? state.volume : 1); window.currentSong = { title: state.title, artist: state.artist, albumArt: state.albumArt, img: state.albumArt, image: state.albumArt, cover: state.albumArt }; // Update footer bar UI immediately const barTitle = document.getElementById('bar-title'); if (barTitle && state.title) { const displayText = state.title + (state.artist ? ' - ' + state.artist : ''); barTitle.textContent = displayText; } audio.src = state.src; try { audio.currentTime = window._resumeTime || 0; } catch (e) { /* will retry on loadedmetadata */ } // Start playback immediately if it was playing if(state.isPlaying){ const playPromise = audio.play(); if(playPromise !== undefined) { playPromise.then(() => { try { if (typeof window._frClaimAudio === 'function') window._frClaimAudio(); } catch(_e) {} }).catch(err => { frDebugLog('AutoPlay prevented (restoreState), waiting for user interaction'); window._needsUserPlay = true; }); } } let onLoadedFired = false; function onLoaded() { if (onLoadedFired) return; onLoadedFired = true; audio.removeEventListener('loadedmetadata', onLoaded); if (window._resumeTime > 0 && Math.abs(audio.currentTime - window._resumeTime) > 1) { try { audio.currentTime = window._resumeTime; } catch (e) { /* ignore */ } } window._isRestoring = false; } audio.addEventListener('loadedmetadata', onLoaded); // Safety timeout to clear restoring flag setTimeout(() => { window._isRestoring = false; }, 5000); } }catch(e){ console.error('restoreState error:', e); } } function hook(){ window.audioElement = document.querySelector('audio#music') || document.querySelector('audio#fr-audio') || window.audioElement || document.querySelector('audio'); if(!window.audioElement){ console.warn("Footer music bar: No <audio> element found, creating one (fr-audio)"); const a = new Audio(); a.id = 'fr-audio'; document.body.appendChild(a); window.audioElement = a; } if (IS_MOBILE && window.audioElement) { try { window.audioElement.volume = 1; } catch(e) {} } if (window.audioElement && /youtube\.com\/watch|youtu\.be\//.test(window.audioElement.src || '')) { window.audioElement.src = ''; window.audioElement.removeAttribute('src'); } restoreState(); const barPlay = document.getElementById('bar-play'); const barPrev = document.getElementById('bar-prev'); const barNext = document.getElementById('bar-next'); const barTitle = document.getElementById('bar-title'); function syncPlayBtn(){ const activeSource = window._activeAudioSource || localStorage.getItem('activeAudioSource'); let isPaused = true; if (activeSource === 'radio') { const radioAudio = document.getElementById('radio-audio'); isPaused = !radioAudio || radioAudio.paused; } else { isPaused = !window.audioElement || window.audioElement.paused; } // Update main play button if(isPaused) { barPlay.innerHTML = '<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16"><path d="M3 3.5v9a.5.5 0 0 0 .748.434l8-4.5a.5.5 0 0 0 0-.868l-8-4.5A.5.5 0 0 0 3 3.5z"/></svg>'; } else { barPlay.innerHTML = '<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16"><path d="M5 3.5h2v9H5v-9zm4 0h2v9H9v-9z"/></svg>'; } } document.addEventListener('click', function userInteractionHandler() { if (isUserPaused()) { window._needsUserPlay = false; window._needsRadioPlay = false; return; } // Handle music autoplay resume if (window._needsUserPlay && window.audioElement && window.audioElement.paused) { window.audioElement.play().catch(e => console.warn('Still cannot autoplay (userInteractionHandler):', e)); window._needsUserPlay = false; } // Handle radio autoplay resume if (window._needsRadioPlay) { const radioAudio = document.getElementById('radio-audio'); if (radioAudio && radioAudio.src && radioAudio.paused) { radioAudio.play().then(() => { const barPlay = document.getElementById('bar-play'); if (barPlay) { barPlay.innerHTML = '<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16"><path d="M5 3.5h2v9H5v-9zm4 0h2v9H9v-9z"/></svg>'; } }).catch(e => console.warn('Still cannot autoplay radio:', e)); window._needsRadioPlay = false; } } }); function syncTitle(){ const cur = window.currentSong; if(cur && (cur.title || cur.artist)){ barTitle.textContent = `${cur.title || 'Unknown'}${cur.artist ? ' - '+cur.artist : ''}`; } else { barTitle.textContent = 'Nothing playing'; } } const barProgress = document.querySelector('.bar-progress'); const barProgressFill = document.querySelector('.bar-progress-fill'); const barTimeDisplay = document.querySelector('.bar-time-display'); const barTimeTotal = document.querySelector('.bar-time-total'); const volumeSlider = document.querySelector('.volume-slider'); const volumeBtn = document.getElementById('bar-volume-btn'); function formatTime(seconds) { const secs = (!seconds || isNaN(seconds) || !isFinite(seconds)) ? 0 : seconds; const min = Math.floor(secs / 60); const sec = Math.floor(secs % 60).toString().padStart(2, '0'); return `${min}:${sec}`; } function updateProgress() { const audio = window.audioElement; if (!audio) { barProgressFill.style.width = '0%'; barTimeDisplay.textContent = formatTime(0); barTimeTotal.textContent = formatTime(0); return; } if (!audio.duration || isNaN(audio.duration) || !isFinite(audio.duration) || audio.duration <= 0) { barProgressFill.style.width = '0%'; barTimeDisplay.textContent = formatTime(audio.currentTime || 0); barTimeTotal.textContent = formatTime(0); return; } const percent = (audio.currentTime / audio.duration) * 100; barProgressFill.style.width = `${Math.min(100, Math.max(0, percent))}%`; barTimeDisplay.textContent = formatTime(audio.currentTime); barTimeTotal.textContent = formatTime(audio.duration); } if (window.audioElement) { volumeSlider.value = typeof window.audioElement.volume === 'number' ? (window.audioElement.volume * 100) : 100; } // Lock volume controls on mobile to 100% if (IS_MOBILE) { volumeSlider.value = 100; // Disable slider UI interactions on mobile volumeSlider.disabled = true; window.audioElement.addEventListener('volumechange', () => { if (window.audioElement.volume !== 1) { window.audioElement.volume = 1; } }); } syncPlayBtn(); syncTitle(); function attachAudioListeners() { if (!window.audioElement) return; window.audioElement.addEventListener('loadedmetadata', () => { const audio = window.audioElement; barTimeTotal.textContent = formatTime(audio.duration); barTimeDisplay.textContent = formatTime(audio.currentTime || 0); updateProgress(); }); window.audioElement.addEventListener('durationchange', () => { const audio = window.audioElement; barTimeTotal.textContent = formatTime(audio.duration); updateProgress(); }); window.audioElement.addEventListener('timeupdate', updateProgress); window.audioElement.addEventListener('play', syncPlayBtn); window.audioElement.addEventListener('pause', syncPlayBtn); window.audioElement.addEventListener('ended', syncPlayBtn); window.audioElement.addEventListener('play', () => { if (window._isRestoring) return; if (window.UnifiedAudioManager && window.UnifiedAudioManager.isRestoring) return; clearUserPaused(); }); } // Attach listeners to initial audio element attachAudioListeners(); window.addEventListener('audioElementChanged', (e) => { frDebugLog('Footer bar: Audio element changed, re-attaching controls'); window.audioElement = e.detail.audioElement; attachAudioListeners(); syncPlayBtn(); syncTitle(); updateProgress(); }); barProgress.addEventListener('click', (e) => { const activeSource = window._activeAudioSource || localStorage.getItem('activeAudioSource') || 'music'; const rect = barProgress.getBoundingClientRect(); if (!rect.width || rect.width <= 0) { console.warn('[Scrubber Click] Progress bar has invalid width:', rect.width); return; } let pos = (e.clientX - rect.left) / rect.width; pos = Math.max(0, Math.min(1, pos)); if (activeSource === 'radio') { return; } if (activeSource === 'youtube') { const ytState = (typeof window._ytGetState === 'function') ? window._ytGetState() : null; if (ytState && ytState.isLive) return; if (!ytState || !ytState.duration || !isFinite(ytState.duration) || ytState.duration <= 0) { console.warn('[Scrubber Click] YouTube duration not ready, cannot seek yet.'); return; } let newTime = pos * ytState.duration; if (pos >= 0.999) newTime = Math.max(0, ytState.duration - 0.1); if (typeof window._ytSeek === 'function') { window._ytSeek(newTime); barProgressFill.style.width = `${pos * 100}%`; barTimeDisplay.textContent = formatTime(newTime); } return; } // Default: music source const audio = window.audioElement; if (!audio) { console.warn('[Scrubber Click] window.audioElement is not defined.'); return; } const currentDuration = audio.duration; if (!currentDuration || isNaN(currentDuration) || !isFinite(currentDuration) || currentDuration <= 0) { console.warn('[Scrubber Click] Invalid audio duration:', currentDuration, '. Cannot seek.'); return; } let newTime = pos * currentDuration; if (isNaN(newTime) || !isFinite(newTime)) { console.warn('[Scrubber Click] Calculated newTime is invalid:', newTime); return; } newTime = Math.max(0, Math.min(newTime, currentDuration)); if (pos >= 0.999 && newTime >= currentDuration) { newTime = currentDuration - 0.1; if (newTime < 0) newTime = 0; } try { audio.currentTime = newTime; barProgressFill.style.width = `${pos * 100}%`; barTimeDisplay.textContent = formatTime(audio.currentTime); } catch (error) { console.error('[Scrubber Click] Error setting currentTime:', error); } }); function getActiveAudio() { const activeSource = window._activeAudioSource || localStorage.getItem('activeAudioSource'); if (activeSource === 'radio') { const radioAudio = document.getElementById('radio-audio'); if (radioAudio && radioAudio.src) return radioAudio; } return window.audioElement; } function applyVolume(volumeVal) { const activeSource = window._activeAudioSource || localStorage.getItem('activeAudioSource'); const radioScale = (typeof window.FR_RADIO_VOLUME_SCALE === 'number') ? window.FR_RADIO_VOLUME_SCALE : 1; const audio = getActiveAudio(); if (audio) { var effVol = volumeVal; if (activeSource === 'radio' || audio.id === 'radio-audio') { effVol = volumeVal * radioScale; } try { audio.volume = effVol; } catch (e) {} } if (window.audioElement && window.audioElement !== audio) { try { window.audioElement.volume = volumeVal; } catch (e) {} } // Drive UAM gainNode for the music WebAudio graph. if (window.UnifiedAudioManager && typeof window.UnifiedAudioManager.setVolume === 'function') { try { window.UnifiedAudioManager.setVolume(volumeVal); } catch (e) {} } // Drive the YouTube player — profile-tunes / search playback is often // YouTube, where audio lives in the iframe (not <audio>/UAM). Harmless // no-op when no YT player is ready. if (typeof window._ytSetVolume === 'function') { try { window._ytSetVolume(volumeVal); } catch (e) {} } } volumeSlider.addEventListener('input', () => { if (IS_MOBILE) { volumeSlider.value = 100; applyVolume(1); updateVolumeIcon(1); return; } // Don't gate on getActiveAudio(): YouTube-sourced playback has no // active <audio> element, but applyVolume() drives the YT player too. const volumeVal = volumeSlider.value / 100; applyVolume(volumeVal); updateVolumeIcon(volumeVal); }); function updateVolumeIcon(volume) { let iconPath; if (volume === 0) { iconPath = '<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16"><path d="M6.717 3.55A.5.5 0 0 1 7 4v8a.5.5 0 0 1-.812.39L3.825 10.5H1.5A.5.5 0 0 1 1 10V6a.5.5 0 0 1 .5-.5h2.325l2.363-1.89a.5.5 0 0 1 .529-.06zm7.137 2.096a.5.5 0 0 1 0 .708L12.207 8l1.647 1.646a.5.5 0 0 1-.708.708L11.5 8.707l-1.646 1.647a.5.5 0 0 1-.708-.708L10.793 8 9.146 6.354a.5.5 0 1 1 .708-.708L11.5 7.293l1.646-1.647a.5.5 0 0 1 .708 0z"/></svg>'; } else if (volume < 0.5) { iconPath = '<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16"><path d="M9 4a.5.5 0 0 0-.812-.39L5.825 5.5H3.5A.5.5 0 0 0 3 6v4a.5.5 0 0 0 .5.5h2.325l2.363 1.89A.5.5 0 0 1 9 12V4zm3.025 4a4.486 4.486 0 0 1-1.318 3.182L10 10.475A3.489 3.489 0 0 0 11.025 8 3.49 3.49 0 0 0 10 5.525l.707-.707A4.486 4.486 0 0 1 12.025 8z"/></svg>'; } else { iconPath = '<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16"><path d="M11.536 14.01A8.473 8.473 0 0 0 14.026 8a8.473 8.473 0 0 0-2.49-6.01l-.708.707A7.476 7.476 0 0 1 13.025 8c0 2.071-.84 3.946-2.197 5.303l.708.707z"/><path d="M10.121 12.596A6.48 6.48 0 0 0 12.025 8a6.48 6.48 0 0 0-1.904-4.596l-.707.707A5.483 5.483 0 0 1 11.025 8a5.483 5.483 0 0 1-1.61 3.89l.706.706z"/><path d="M10.025 8a4.486 4.486 0 0 1-1.318 3.182L8 10.475A3.489 3.489 0 0 0 9.025 8c0-.966-.392-1.841-1.025-2.475l.707-.707A4.486 4.486 0 0 1 10.025 8zM7 4a.5.5 0 0 0-.812-.39L3.825 5.5H1.5A.5.5 0 0 0 1 6v4a.5.5 0 0 0 .5.5h2.325l2.363 1.89A.5.5 0 0 1 7 12V4z"/></svg>'; } volumeBtn.innerHTML = iconPath; } let lastVolume = 1; volumeBtn.addEventListener('click', () => { if (IS_MOBILE) { applyVolume(1); volumeSlider.value = 100; updateVolumeIcon(1); return; } const isMuted = parseFloat(volumeSlider.value) <= 0; let newVol; if (isMuted) { newVol = (lastVolume > 0 ? lastVolume : 1); } else { lastVolume = parseFloat(volumeSlider.value) / 100 || 1; newVol = 0; } applyVolume(newVol); volumeSlider.value = newVol * 100; updateVolumeIcon(newVol); }); barPlay.addEventListener('click', ()=>{ try { var ctx = window._audioCtx || (window.UnifiedAudioManager && window.UnifiedAudioManager.audioContext); if (ctx && ctx.state === 'suspended') { frDebugLog('[Footer] Resuming suspended AudioContext on user click'); ctx.resume(); } } catch(e) {} const activeSource = window._activeAudioSource || localStorage.getItem('activeAudioSource'); if (activeSource === 'youtube' && typeof window._ytToggle === 'function') { // Gesture-gated resume: if we have a pending resume from a previous // page, this click IS the required user gesture — load and play now. if (typeof window._ytHasPendingResume === 'function' && window._ytHasPendingResume()) { clearUserPaused(); if (typeof window._ytConsumeResume === 'function') window._ytConsumeResume(); document.getElementById('bar-title').removeAttribute('data-pending-resume'); return; } try { var ytState = (window._ytPlayer && typeof window._ytPlayer.getPlayerState === 'function') ? window._ytPlayer.getPlayerState() : -1; // YT.PlayerState.PLAYING === 1 if (ytState === 1) { setUserPaused(); } else { clearUserPaused(); } } catch(_e) {} window._ytToggle(); return; } // If radio is active, control radio audio if (activeSource === 'radio') { const radioAudio = document.getElementById('radio-audio'); if (!radioAudio) return; if (radioAudio.paused) { clearUserPaused(); var barGen = (typeof window.frRadioBeginLoad === 'function') ? window.frRadioBeginLoad() : ((window._frRadioLoadGen = (window._frRadioLoadGen || 0) + 1), window._frRadioLoading = true, window._frRadioLoadGen); var barPlayPromise = (typeof window.frRadioSafePlay === 'function') ? window.frRadioSafePlay(radioAudio, barGen) : radioAudio.play(); Promise.resolve(barPlayPromise).then(() => { if (barGen !== window._frRadioLoadGen) return; barPlay.innerHTML = '<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16"><path d="M5 3.5h2v9H5v-9zm4 0h2v9H9v-9z"/></svg>'; try { saveRadioState(); } catch(_e) {} }).catch(e => { if (barGen !== window._frRadioLoadGen) return; if (typeof window.frIsAbortPlayError === 'function' && window.frIsAbortPlayError(e)) return; console.error("Error on radio play:", e); }); window._needsRadioPlay = false; } else { setUserPaused(); frStopRadioWatchdog(); radioAudio._pauseAllowed = true; radioAudio.pause(); barPlay.innerHTML = '<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16"><path d="M3 3.5v9a.5.5 0 0 0 .748.434l8-4.5a.5.5 0 0 0 0-.868l-8-4.5A.5.5 0 0 0 3 3.5z"/></svg>'; try { saveRadioState(); } catch(_e) {} } return; } // Otherwise control music audio if (!window.audioElement) return; if(window.audioElement.paused) { clearUserPaused(); window.audioElement.play().catch(e => console.error("Error on play:", e)); window._needsUserPlay = false; try { saveState('user-play'); } catch(_e) {} } else { setUserPaused(); window.audioElement.pause(); try { saveState('user-pause'); } catch(_e) {} } }); function _radioPrevNext(direction) { const pm = window.playlistManager; if (!pm || !Array.isArray(pm.playlist) || pm.playlist.length < 2) { if (typeof window.showToast === 'function') { window.showToast('Add stations to your playlist to use prev/next'); } else { frDebugLog('[Radio Bar] prev/next needs a playlist with 2+ entries'); } return; } if (direction === 'prev' && typeof pm.playPrev === 'function') { pm.playPrev(); } else if (direction === 'next' && typeof pm.playNext === 'function') { pm.playNext(); } } barPrev.addEventListener('click', ()=>{ if (typeof window._profilePrev === 'function' && window._profilePrev()) { return; } const activeSource = window._activeAudioSource || localStorage.getItem('activeAudioSource'); if (activeSource === 'youtube' && typeof window._ytPrev === 'function') { window._ytPrev(); } else if (activeSource === 'radio') { _radioPrevNext('prev'); } else { typeof playPrevSong === 'function' && playPrevSong(); } }); barNext.addEventListener('click', ()=>{ if (typeof window._profileNext === 'function' && window._profileNext()) { return; } const activeSource = window._activeAudioSource || localStorage.getItem('activeAudioSource'); if (activeSource === 'youtube' && typeof window._ytNext === 'function') { window._ytNext(); } else if (activeSource === 'radio') { _radioPrevNext('next'); } else { typeof playNextSong === 'function' && playNextSong(); } }); window.audioElement.addEventListener('play', () => { if (IS_MOBILE) { try { window.audioElement.volume = 1; } catch(e) {} volumeSlider.value = 100; updateVolumeIcon(1); } }); window.audioElement.addEventListener('playing', syncTitle); let lastSongId = null; function checkSongChange() { if (window.currentSong) { const currentId = window.currentSong.id || window.currentSong.song_id || window.currentSong.title; if (currentId !== lastSongId) { lastSongId = currentId; const title = window.currentSong.title || 'Unknown'; const artist = window.currentSong.artist || ''; barTitle.textContent = artist ? `${title} - ${artist}` : title; } } } document.addEventListener('unifiedAudioPlay', checkSongChange); document.addEventListener('audioMetadataLoaded', checkSongChange); setInterval(checkSongChange, 2000); updateProgress(); // Initial call to set up the UI } hook(); window.playNextSong = function() { if (window.UnifiedAudioManager && typeof window.UnifiedAudioManager.playNextTrack === 'function') { window.UnifiedAudioManager.playNextTrack({ manual: true }); } }; window.playPrevSong = function() { if (window.UnifiedAudioManager && typeof window.UnifiedAudioManager.playPreviousTrack === 'function') { window.UnifiedAudioManager.playPreviousTrack({ manual: true }); } }; })(); </script> <script> // Browse Music Modal Window (function() { let musicModal = null; let musicIframe = null; let isModalOpen = false; function createMusicModal() { if (musicModal) { frDebugLog('Modal already exists, reusing it'); return; } // Create modal backdrop const backdrop = document.createElement('div'); backdrop.id = 'music-modal-backdrop'; backdrop.style.cssText = ` position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.75); z-index: 99998; display: none; opacity: 0; transition: opacity 0.2s ease; will-change: opacity; transform: translateZ(0); `; backdrop.onclick = closeMusicModal; document.body.appendChild(backdrop); // Create modal window musicModal = document.createElement('div'); musicModal.id = 'music-modal'; // Check if mobile const isMobile = window.innerWidth <= 768 || /Mobi|Android|iPhone|iPad|iPod/i.test(navigator.userAgent); musicModal.style.cssText = ` position: fixed; top: ${isMobile ? '0' : '50%'}; left: ${isMobile ? '0' : '50%'}; ${isMobile ? 'bottom: 56px;' : ''} transform: ${isMobile ? 'translateZ(0) scale(0.95)' : 'translate(-50%, -50%) translateZ(0) scale(0.95)'}; width: ${isMobile ? '100%' : '92%'}; max-width: ${isMobile ? 'none' : '1300px'}; height: ${isMobile ? 'auto' : '88%'}; max-height: ${isMobile ? 'none' : '850px'}; border-radius: 0; z-index: 99999; display: none; opacity: 0; transition: opacity 0.3s ease, transform 0.3s ease; will-change: opacity, transform; overflow: hidden; `; const header = document.createElement('div'); header.style.cssText = ` position: absolute; top: 0; left: 0; right: 0; z-index: 100; padding: 5px 12px; display: flex; justify-content: space-between; align-items: center; min-height: 30px; background: rgba(8, 15, 35, 0.08); backdrop-filter: blur(22px) saturate(2.0); -webkit-backdrop-filter: blur(22px) saturate(2.0); border-bottom: 1px solid rgba(255, 255, 255, 0.07); box-shadow: 0 1px 12px rgba(0, 0, 0, 0.10), inset 0 1px 0 rgba(255, 255, 255, 0.08); `; // Create left section for back button and title const leftSection = document.createElement('div'); leftSection.style.cssText = ` display: flex; align-items: center; gap: 10px; `; // Create back button const backBtn = document.createElement('button'); backBtn.innerHTML = '←'; backBtn.id = 'music-modal-back'; backBtn.style.cssText = ` font-size: 14px; width: 30px; height: 30px; padding: 0; cursor: pointer; transition: all 0.2s ease; user-select: none; font-family: Arial, sans-serif; display: none; align-items: center; justify-content: center; border-radius: 0; `; backBtn.onclick = function() { const iframe = musicIframe; if (iframe && iframe.contentWindow) { let isRadioActive = false; try { const radioResults = iframe.contentDocument.getElementById('radio-results'); const radioContent = iframe.contentDocument.getElementById('radio-content'); isRadioActive = radioResults && radioResults.style.display !== 'none' && radioContent && radioContent.style.display === 'none'; } catch(e) {} if (isRadioActive && iframe.contentWindow.RadioBrowser) { iframe.contentWindow.RadioBrowser.showHome(); } else if (iframe.contentWindow.navigateBack) { iframe.contentWindow.navigateBack(); } else { iframe.contentWindow.history.back(); } } }; const title = document.createElement('h3'); title.innerHTML = 'Music'; title.style.cssText = ` margin: 0; color: #ffffff; font-size: 15px; font-weight: 700; user-select: none; font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif; letter-spacing: -0.3px; `; const closeBtn = document.createElement('button'); closeBtn.innerHTML = '✕'; closeBtn.style.cssText = ` font-size: 14px; width: 30px; height: 30px; padding: 0; cursor: pointer; transition: all 0.2s ease; user-select: none; font-family: Arial, sans-serif; display: flex; align-items: center; justify-content: center; border-radius: 0; `; closeBtn.onmouseover = () => { closeBtn.style.background = 'rgba(255, 80, 80, 0.8)'; closeBtn.style.transform = 'scale(1.08)'; }; closeBtn.onmouseout = () => { applyModalTheme(); }; closeBtn.onclick = closeMusicModal; function applyModalTheme() { const isDark = document.body.classList.contains('theme-dark'); if (isDark) { musicModal.style.background = '#0d1117'; musicModal.style.border = '1px solid #21262d'; musicModal.style.boxShadow = '0 8px 40px rgba(0,0,0,0.7)'; backBtn.style.background = 'rgba(255,255,255,0.12)'; backBtn.style.border = '1px solid rgba(255,255,255,0.2)'; backBtn.style.color = '#fff'; closeBtn.style.background = 'rgba(255,255,255,0.12)'; closeBtn.style.border = '1px solid rgba(255,255,255,0.2)'; closeBtn.style.color = '#fff'; if (iframeContainer) iframeContainer.style.background = '#0d1117'; } else { musicModal.style.background = '#f4f4f8'; musicModal.style.border = '1px solid #1e4390'; musicModal.style.boxShadow = '0 8px 32px rgba(0,0,0,0.25)'; backBtn.style.background = 'rgba(255,255,255,0.15)'; backBtn.style.border = '1px solid rgba(255,255,255,0.3)'; backBtn.style.color = '#fff'; closeBtn.style.background = 'rgba(255,255,255,0.15)'; closeBtn.style.border = '1px solid rgba(255,255,255,0.3)'; closeBtn.style.color = '#fff'; if (iframeContainer) iframeContainer.style.background = '#f4f4f8'; } musicModal.style.borderRadius = '8px'; header.style.background = 'rgba(8, 15, 35, 0.08)'; header.style.backdropFilter = 'blur(22px) saturate(2.0)'; header.style.webkitBackdropFilter = 'blur(22px) saturate(2.0)'; header.style.borderBottom = '1px solid rgba(255, 255, 255, 0.07)'; header.style.boxShadow = '0 1px 12px rgba(0, 0, 0, 0.10), inset 0 1px 0 rgba(255, 255, 255, 0.08)'; title.style.textShadow = '0 1px 3px rgba(0,0,0,0.5)'; title.style.fontFamily = "'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif"; title.style.letterSpacing = '-0.3px'; backBtn.style.boxShadow = 'none'; backBtn.style.borderRadius = '50%'; closeBtn.style.boxShadow = 'none'; closeBtn.style.borderRadius = '50%'; } backBtn.onmouseover = () => { backBtn.style.background = 'rgba(255,255,255,0.25)'; backBtn.style.transform = 'scale(1.05)'; }; backBtn.onmouseout = () => { applyModalTheme(); backBtn.style.transform = 'scale(1)'; }; const iframeContainer = document.createElement('div'); iframeContainer.style.cssText = ` width: 100%; height: 100%; position: relative; overflow: hidden; `; // Apply initial theme and watch for changes applyModalTheme(); try { new MutationObserver(function() { applyModalTheme(); }) .observe(document.body, { attributes: true, attributeFilter: ['class'] }); } catch(e) {} leftSection.appendChild(backBtn); leftSection.appendChild(title); header.appendChild(leftSection); header.appendChild(closeBtn); musicIframe = document.createElement('iframe'); musicIframe.id = 'music-iframe'; musicIframe.style.cssText = ` width: 100%; height: 100%; border: none; background: transparent; user-select: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; transform: translateZ(0); will-change: contents; `; // Add loading attribute for better performance musicIframe.loading = 'eager'; const isDarkTheme = document.body.classList.contains('theme-dark'); const isClassicSkin = document.body.classList.contains('theme-classic'); musicIframe.style.backgroundColor = isDarkTheme ? '#0d1117' : (isClassicSkin ? '#dfe6ed' : '#f4f4f8'); sessionStorage.removeItem('musicModalUrl'); const themeParam = isClassicSkin ? 'classic' : (isDarkTheme ? 'dark' : 'light'); musicIframe.src = '/music/browse-embed.php?theme=' + themeParam + '&v=' + Date.now(); // Save URL whenever it changes musicIframe.addEventListener('load', () => { try { const currentUrl = musicIframe.contentWindow.location.pathname + musicIframe.contentWindow.location.search; sessionStorage.setItem('musicModalUrl', currentUrl); frDebugLog('Saved music modal URL:', currentUrl); } catch (e) { // Cross-origin error, ignore } }); iframeContainer.appendChild(musicIframe); // Focus iframe musicModal.appendChild(header); musicModal.appendChild(iframeContainer); document.body.appendChild(musicModal); setInterval(() => { if (!isModalOpen) return; const backBtnElement = document.getElementById('music-modal-back'); if (backBtnElement && musicIframe && musicIframe.contentWindow) { try { const doc = musicIframe.contentDocument; const albumDetail = doc.getElementById('album-detail-view'); const defaultContent = doc.getElementById('default-music-content'); const genreGridVisible = defaultContent && window.getComputedStyle(defaultContent).display !== 'none'; const hasAlbumDetail = albumDetail && albumDetail.style.display !== 'none'; const archiveGrid = doc.querySelector('.search-results .album-grid-container'); const hasArchiveGrid = archiveGrid && archiveGrid.children.length > 0; const hasYtResults = !!doc.querySelector('.search-results .yt-results-wrap'); const radioResults = doc.getElementById('radio-results'); const radioContent = doc.getElementById('radio-content'); const hasRadioResults = radioResults && radioResults.style.display !== 'none' && radioContent && radioContent.style.display === 'none'; if (hasAlbumDetail || hasRadioResults || hasArchiveGrid || hasYtResults || !genreGridVisible) { backBtnElement.style.display = 'flex'; } else { backBtnElement.style.display = 'none'; } } catch (e) { try { const defaultContent = musicIframe.contentDocument.getElementById('default-music-content'); if (defaultContent && defaultContent.style.display !== 'none') { backBtnElement.style.display = 'none'; } } catch (e2) { // Can't access iframe content } } } }, 200); frDebugLog('Music modal created successfully'); } // Show music modal window.showMusicModal = function showMusicModal() { if (!musicModal) createMusicModal(); const backdrop = document.getElementById('music-modal-backdrop'); const isMobile = window.innerWidth <= 768 || /Mobi|Android|iPhone|iPad|iPod/i.test(navigator.userAgent); // Prevent body scrolling when modal is open document.body.style.overflow = 'hidden'; const scrollY = window.scrollY; document.body.style.position = 'fixed'; document.body.style.top = `-${scrollY}px`; document.body.style.width = '100%'; backdrop.style.display = 'block'; musicModal.style.display = 'block'; // Force reflow for animation void backdrop.offsetWidth; backdrop.style.opacity = '1'; musicModal.style.opacity = '1'; musicModal.style.transform = isMobile ? 'translateZ(0) scale(1)' : 'translate(-50%, -50%) translateZ(0) scale(1)'; isModalOpen = true; // Wake up the visualizer inside the iframe window._musicModalVisible = true; if (musicIframe && musicIframe.contentWindow) { musicIframe.contentWindow.postMessage({ type: 'visualizer-visibility', visible: true }, '*'); } } function closeMusicModal() { if (!musicModal) return; const backdrop = document.getElementById('music-modal-backdrop'); const isMobile = window.innerWidth <= 768 || /Mobi|Android|iPhone|iPad|iPod/i.test(navigator.userAgent); backdrop.style.opacity = '0'; musicModal.style.opacity = '0'; musicModal.style.transform = isMobile ? 'translateZ(0) scale(0.95)' : 'translate(-50%, -50%) translateZ(0) scale(0.95)'; // Restore body scrolling const scrollY = document.body.style.top; document.body.style.position = ''; document.body.style.top = ''; document.body.style.width = ''; document.body.style.overflow = ''; if (scrollY) { window.scrollTo(0, parseInt(scrollY || '0', 10) * -1); } setTimeout(() => { backdrop.style.display = 'none'; musicModal.style.display = 'none'; }, 200); isModalOpen = false; // Modal's card-dock no longer applies; restore corner mini-player. try { window._ytCardDocked = false; if (window._ytPositionPlayer) window._ytPositionPlayer(); } catch (e) {} window._musicModalVisible = false; if (musicIframe && musicIframe.contentWindow) { musicIframe.contentWindow.postMessage({ type: 'visualizer-visibility', visible: false }, '*'); } } const openMusicModal = showMusicModal; // Attach to button document.addEventListener('DOMContentLoaded', () => { const browseBtn = document.getElementById('bar-browse-music-btn'); if (browseBtn) { browseBtn.onclick = showMusicModal; } }); // Expose globally window.openMusicModal = showMusicModal; window.showMusicModal = showMusicModal; window.closeMusicModal = closeMusicModal; })(); </script> <script src="static/js/playlist-manager.min.js?v=1780756188" defer></script> <script> // Global Ctrl+Enter / Cmd+Enter submit for .ctrl-enter-submit forms. // Covers plain <textarea> elements. Trumbowyg (contenteditable) forms // are handled separately in blog/editor.js so there is no double-fire. (function(){ document.addEventListener('keydown', function(e) { if (!(e.ctrlKey || e.metaKey) || e.keyCode !== 13) return; var ta = e.target; if (!ta || ta.tagName !== 'TEXTAREA') return; var form = ta.closest('form.ctrl-enter-submit'); if (!form) return; e.preventDefault(); var btn = form.querySelector('button[type="submit"]:not([disabled]),input[type="submit"]:not([disabled])'); if (btn) { btn.click(); } else { form.submit(); } }, false); })(); </script> <script> (function(){ document.querySelectorAll('img:not([loading])').forEach(function(img) { img.loading = 'lazy'; img.decoding = 'async'; }); if ('MutationObserver' in window) { var observer = new MutationObserver(function(mutations) { mutations.forEach(function(mutation) { mutation.addedNodes.forEach(function(node) { if (node.nodeType === 1) { if (node.tagName === 'IMG' && !node.loading) { node.loading = 'lazy'; node.decoding = 'async'; } node.querySelectorAll && node.querySelectorAll('img:not([loading])').forEach(function(img) { img.loading = 'lazy'; img.decoding = 'async'; }); } }); }); }); observer.observe(document.body, { childList: true, subtree: true }); } })(); </script>  </body> </html> <script src="static/js/playlist-api.js?v=1780756188"></script> <script src="static/js/profile-playlist.js?v=1781808866"></script> <script src="static/js/group-invitations.js"></script> <script> document.addEventListener('DOMContentLoaded', function() { const defaultIcons = { 'Remove Friend': 'static/icons/delete.png', 'Add to Friends': 'static/icons/add.png', 'Pending Request': 'static/icons/hourglass.png', 'Add to Favorites': 'static/icons/award_star_add.png', 'Block User': 'static/icons/exclamation.png', 'Invite to Group': 'static/icons/group_add.png', 'Report User': 'static/icons/flag_red.png', 'Send Message': 'static/icons/email.png' }; function fixContactIcons() { const contactImages = document.querySelectorAll('.contact .inner img.icon'); contactImages.forEach(function(img) { const linkText = img.parentElement.textContent.trim(); if (!img.complete || img.naturalWidth === 0) { for (const [text, icon] of Object.entries(defaultIcons)) { if (linkText.includes(text)) { // Force override any CSS content property img.style.content = 'none'; img.src = icon; break; } } } img.addEventListener('error', function() { for (const [text, icon] of Object.entries(defaultIcons)) { if (linkText.includes(text)) { this.style.content = 'none'; this.src = icon; this.onerror = null; break; } } }, {once: true}); }); } fixContactIcons(); setTimeout(fixContactIcons, 100); setTimeout(fixContactIcons, 500); const imLinks = document.querySelectorAll('.instant-message-link'); imLinks.forEach(function(link) { link.addEventListener('click', function(e) { e.preventDefault(); const userId = this.dataset.userId; const username = this.dataset.username; const isFriend = this.dataset.isFriend === '1'; if (!isFriend && String(userId) !== '1') { alert('You can only message your friends on FriendRewind. Add ' + (username ? username : 'this user') + ' as a friend first \u2014 ' + 'once they accept your request, you can chat.'); return; } const imUrl = `/mobileim/mobile-chat.php?chat_with=${userId}`; const isMobile = window.innerWidth <= 768 || ('ontouchstart' in window); if (isMobile) { if (typeof window.frToggleMobileChat === 'function') { window.frToggleMobileChat(true, { chatWith: userId }); } else { openMobileIM(imUrl, username); } } else { // Desktop: Open in popup window window.open(imUrl, 'InstantMessage', 'width=400,height=600,resizable=yes,scrollbars=yes'); } }); }); function openMobileIM(url, username) { if (typeof window.frSetFooterMusicBarHidden === 'function') { window.frSetFooterMusicBarHidden(true); } const modal = document.createElement('div'); modal.style.cssText = 'position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.8);z-index:999999;display:flex;flex-direction:column;'; // Create header const header = document.createElement('div'); header.style.cssText = 'background:#0033a7;color:#fff;padding:10px;display:flex;justify-content:space-between;align-items:center;'; header.innerHTML = `<span>Message ${username}</span><button id="closeIM" style="background:none;border:none;color:#fff;font-size:24px;cursor:pointer;">×</button>`; // Create iframe const iframe = document.createElement('iframe'); iframe.src = url; iframe.style.cssText = 'flex:1;border:none;width:100%;'; modal.appendChild(header); modal.appendChild(iframe); document.body.appendChild(modal); // Close button document.getElementById('closeIM').addEventListener('click', function() { document.body.removeChild(modal); if (typeof window.frSetFooterMusicBarHidden === 'function') { window.frSetFooterMusicBarHidden(false); } }); } }); // Block/Unblock User functionality let isBlocking = false; function toggleBlockUser(userId) { if (isBlocking) return; isBlocking = true; const btn = document.getElementById('block-user-btn'); const textSpan = document.getElementById('block-user-text'); const currentText = textSpan.textContent.trim(); const isCurrentlyBlocked = currentText === 'Unblock User'; const action = isCurrentlyBlocked ? 'unblock' : 'block'; textSpan.textContent = action === 'block' ? 'Blocking...' : 'Unblocking...'; const formData = new FormData(); formData.append('user_id', userId); formData.append('action', action); fetch('/api/block_user.php', { method: 'POST', body: formData, credentials: 'same-origin' }) .then(async r => { const t = await r.text(); try { return JSON.parse(t); } catch (e) { const s = t.indexOf('{'); const end = t.lastIndexOf('}'); if (s !== -1 && end > s) { try { return JSON.parse(t.slice(s, end + 1)); } catch (e2) {} } return { success: false, error: 'Unexpected server response' }; } }) .then(data => { if (data.success) { textSpan.textContent = data.blocked ? 'Unblock User' : 'Block User'; if (action === 'block') { alert('User has been blocked. They can no longer view your profile or contact you.'); } else { alert('User has been unblocked.'); } } else { textSpan.textContent = currentText; alert('Error: ' + (data.error || 'Could not complete action')); } }) .catch(err => { textSpan.textContent = currentText; alert('Error: Could not connect to server'); }) .finally(() => { isBlocking = false; }); } function frParseFriendAddId(href) { if (!href) return 0; try { const u = new URL(href, window.location.origin); if (!/\/friends\.php$/i.test(u.pathname)) return 0; if (u.searchParams.get('action') !== 'add') return 0; return parseInt(u.searchParams.get('id') || '0', 10) || 0; } catch (e) { return 0; } } function frSwapFriendAddToPending(linkEl) { if (!linkEl || !linkEl.parentNode) return; if (linkEl.classList.contains('btn-friend')) { const pending = document.createElement('a'); pending.href = 'requests.php'; pending.className = 'btn btn-friend'; pending.textContent = '⏳ Friend Request Pending'; linkEl.replaceWith(pending); return; } const pending = document.createElement('a'); pending.href = 'requests.php'; pending.rel = 'nofollow'; pending.innerHTML = '<img src="static/icons/hourglass.png" class="icon" aria-hidden="true" loading="lazy" alt=""> Pending Request'; linkEl.replaceWith(pending); } async function frParseFriendApiJson(resp) { const text = await resp.text(); if (!text) return {}; try { return JSON.parse(text); } catch (e) { const start = text.indexOf('{'); const end = text.lastIndexOf('}'); if (start >= 0 && end > start) { try { return JSON.parse(text.slice(start, end + 1)); } catch (e2) {} } return {}; } } async function frSendFriendRequest(userId, triggerEl) { if (!userId) return false; if (triggerEl && triggerEl.dataset.frFriendSending === '1') return false; if (triggerEl) triggerEl.dataset.frFriendSending = '1'; try { const resp = await fetch('/api/friends.php?action=send_request', { method: 'POST', headers: { 'Content-Type': 'application/json', 'Accept': 'application/json' }, credentials: 'same-origin', body: JSON.stringify({ user_id: userId }) }); const data = await frParseFriendApiJson(resp); if (data.success || data.already_pending) { if (triggerEl) frSwapFriendAddToPending(triggerEl); return true; } if (data.already_friends && triggerEl) { alert(data.error || 'You are already friends.'); return false; } let msg = data.message || data.error || 'Could not send friend request'; if (data.error === 'email_not_verified' || msg === 'email_not_verified') { msg = 'Please verify your email before sending friend requests. Visit /verify_email.php to resend the link.'; } alert(msg); return false; } catch (e) { alert('Could not connect to server'); return false; } finally { if (triggerEl) delete triggerEl.dataset.frFriendSending; } } // Check if user is already blocked on page load document.addEventListener('DOMContentLoaded', function() { document.addEventListener('click', function(e) { const link = e.target.closest('a[href*="friends.php?action=add"]'); if (!link) return; const uid = parseInt(link.dataset.frUserId || '0', 10) || frParseFriendAddId(link.getAttribute('href')); if (!uid) return; e.preventDefault(); e.stopPropagation(); frSendFriendRequest(uid, link); }); const profileId = 17082; if (profileId && document.getElementById('block-user-btn')) { const formData = new FormData(); formData.append('user_id', profileId); formData.append('action', 'check'); fetch('/api/block_user.php', { method: 'POST', body: formData, credentials: 'same-origin' }) .then(r => r.text()) .then(t => { let data; try { data = JSON.parse(t); } catch (e) { return; } if (data.success && data.blocked) { document.getElementById('block-user-text').textContent = 'Unblock User'; } }) .catch(() => {}); } }); </script> <style> </style> </body> </html>