luvbrx

Name: FriendRewind
Author: FriendRewind

19, France

IDLE

View my: Blog

Contacting luvbrx

Add to Friends

Block User

Send Message

Invite to Group

Report User

FriendRewind URL:

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

luvbrx's Interests

General
Music
Movies
Television
Books
Heroes
Games

luvbrx's Photos [View All]

No photos uploaded.

luvbrx's Videos [View All]

No videos uploaded.

luvbrx's Latest Blog Entries [View Blog]

There are no Blog Entries yet.

luvbrx's Bio

</span></font><br style="max-width: 100%; color: rgb(0, 0, 0); font-family: Schoolbell, serif; font-size: 12.8px; cursor: url("https://external-media.spacehey.net/media/sh4--6LZE7JZQJtiAZmtjH0La_uegiLsjTW_8ZYORSe8=/https://cur.cursors-4u.net/anime/ani-1/ani180.cur"), auto !important;"><span style="color: rgb(0, 0, 0); font-family: Schoolbell, serif; font-size: 12.8px;"> </div> </div> </div> </div> <div class="friends"> <div class="heading"> <h4> luvbrx's Friend Space </h4> <a class="more" href="friends.php?id=28451">[view all]</a> </div> <div class="inner"> <p><b> luvbrx 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-4iHhu9NW.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> luvbrx'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=28451">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-body, .comment-reply .cb-body { max-width:100%; overflow-wrap:anywhere; word-wrap:break-word; overflow:hidden; } .cb-content-cell img, .comment-reply img { max-width:100%; max-height:320px; width:auto; height:auto; display:inline-block; vertical-align:middle; } .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-edit-comment-btn,.reply-edit-btn { cursor:pointer; font-size:0.8rem; vertical-align:middle; } .cb-edited-label { color:#999; font-size:0.8em; font-weight:normal; } .cb-edit-wrap { margin:4px 0; } .cb-edit-textarea { width:100%; min-height:60px; box-sizing:border-box; padding:6px 8px; border:1px solid #ccc; border-radius:4px; font-family:inherit; font-size:0.9em; resize:vertical; } .cb-edit-actions { margin-top:6px; display:flex; align-items:center; gap:8px; } .cb-edit-save,.cb-edit-cancel { cursor:pointer; font-size:0.8rem; } .cb-edit-save:disabled { opacity:0.6; cursor:default; } .cb-edit-msg { color:#cc0000; font-size:0.8rem; } .cb-edit-wrap .trumbowyg-box,.cb-edit-wrap .trumbowyg-editor { min-height:80px; margin:0; } .cb-edit-wrap .trumbowyg-editor { max-height:280px; overflow:auto; } body.theme-dark .cb-edit-textarea { background:#1e1e2e; color:#e0e0e0; border-color:#444; } .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) { table.comments-table, table.comments-table tbody { display: block; width: 100%; } table.comments-table tr { display: flex; flex-direction: row; align-items: stretch; border-bottom: 1px solid rgba(150,150,150,0.2); } .comments-table td:first-child, .comments-table .cb-author-cell { flex: 0 0 105px; width: 105px !important; min-width: 105px !important; max-width: 105px !important; text-align: center; padding: 8px 4px !important; box-sizing: border-box; } .comments-table .cb-author-cell .cb-author-wrap { display: block; max-width: 100%; } .comments-table .cb-author-cell .cb-pfp-img { width: 80px !important; height: 80px !important; max-width: 100% !important; border-radius: 4px !important; object-fit: cover; } .comments-table .cb-content-cell { flex: 1 1 auto; min-width: 0; width: auto !important; padding: 8px !important; } .comments-table .cb-content-cell > p:first-of-type { display: flex !important; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 6px; } .comments-table .cb-content-cell .report { float: none !important; margin: 0 !important; } .comments-table .cb-actions { justify-content: flex-end; } .comment-replies { margin-left: 4px !important; } .comment-reply { padding: 6px 10px; margin: 3px 0; } .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; }); }); } function frEnsureRichEditor(cb) { if (window.jQuery && jQuery.fn && jQuery.fn.trumbowyg && typeof window.frInitCommentEditor === 'function') { cb(); return; } if (window.__frCmtEditorState === 'ready') { cb(); return; } window.__frCmtEditorQueue = window.__frCmtEditorQueue || []; window.__frCmtEditorQueue.push(cb); if (window.__frCmtEditorState === 'loading') return; window.__frCmtEditorState = 'loading'; ['/blog/editor/ui/trumbowyg.min.css', '/blog/editor/plugins/colors/ui/trumbowyg.colors.min.css', '/blog/editor/plugins/emoji/ui/trumbowyg.emoji.min.css'].forEach(function(href){ if (!document.querySelector('link[href^="' + href + '"]')) { var l = document.createElement('link'); l.rel = 'stylesheet'; l.href = href; document.head.appendChild(l); } }); var scripts = [ '/blog/editor/trumbowyg.min.js', '/blog/editor/plugins/colors/trumbowyg.colors.js', '/blog/editor/plugins/emoji/trumbowyg.emoji.min.js', '/blog/editor/plugins/noembed/trumbowyg.noembed.js', '/blog/editor.js' ]; function loadSeq(list) { if (!list.length) { window.__frCmtEditorState = 'ready'; (window.__frCmtEditorQueue || []).forEach(function(fn){ try { fn(); } catch (e) {} }); window.__frCmtEditorQueue = []; return; } var s = document.createElement('script'); s.src = list.shift(); s.onload = function(){ loadSeq(list); }; s.onerror = function(){ loadSeq(list); }; document.head.appendChild(s); } function start(){ loadSeq(scripts.slice()); } if (window.jQuery) { start(); } else { var jq = document.createElement('script'); jq.src = '/js/vendor/jquery-3.3.1.min.js'; jq.onload = start; jq.onerror = start; document.head.appendChild(jq); } } function frEditComment(btn) { var id = btn.getAttribute('data-comment-id'); var type = btn.getAttribute('data-comment-type') || 'profile'; var body = document.getElementById('cb-body-' + id) || document.getElementById('reply-body-' + id); if (!body || body.getAttribute('data-editing') === '1') return; body.setAttribute('data-editing', '1'); var rawB64 = btn.getAttribute('data-raw') || ''; var raw = ''; try { raw = decodeURIComponent(escape(atob(rawB64))); } catch (e) { raw = ''; } var original = body.innerHTML; body.innerHTML = '<div class="cb-edit-wrap">' + '<textarea class="cb-edit-textarea tb_cmt_edit"></textarea>' + '<div class="cb-edit-actions">' + '<button type="button" class="cb-edit-save">Save</button>' + '<button type="button" class="cb-edit-cancel">Cancel</button>' + '<span class="cb-edit-msg"></span>' + '</div>' + '</div>'; var ta = body.querySelector('.cb-edit-textarea'); ta.value = raw; var $ed = null; function destroyEditor() { try { if ($ed) $ed.trumbowyg('destroy'); } catch (e) {} $ed = null; } function restore() { destroyEditor(); body.innerHTML = original; body.removeAttribute('data-editing'); } body.querySelector('.cb-edit-cancel').addEventListener('click', restore); frEnsureRichEditor(function() { if (body.getAttribute('data-editing') !== '1') return; try { $ed = window.frInitCommentEditor(ta); } catch (e) { $ed = null; } if ($ed) { try { $ed.trumbowyg('html', raw); } catch (e) {} } else { ta.style.minHeight = '60px'; ta.focus(); } }); body.querySelector('.cb-edit-save').addEventListener('click', function() { var saveBtn = this; var msg = body.querySelector('.cb-edit-msg'); var newText; if ($ed) { try { $ed.trumbowyg('syncTextarea'); } catch (e) {} try { newText = $ed.trumbowyg('html'); } catch (e) { newText = ta.value; } } else { newText = ta.value; } saveBtn.disabled = true; saveBtn.textContent = 'Saving...'; msg.textContent = ''; fetch('/api/comment_edit.php', { method: 'POST', credentials: 'include', headers: {'Content-Type': 'application/json', 'X-Requested-With': 'XMLHttpRequest'}, body: JSON.stringify({comment_id: parseInt(id, 10), comment_type: type, text: newText}) }).then(function(r){ return r.json(); }).then(function(data){ if (data && data.success) { destroyEditor(); body.innerHTML = data.html || ''; body.removeAttribute('data-editing'); btn.setAttribute('data-raw', btoa(unescape(encodeURIComponent(newText)))); var lbl = document.getElementById('cb-edited-' + id); if (lbl) lbl.style.display = ''; } else { saveBtn.disabled = false; saveBtn.textContent = 'Save'; msg.textContent = (data && data.error) ? data.error : 'Could not save edit.'; } }).catch(function(){ saveBtn.disabled = false; saveBtn.textContent = 'Save'; msg.textContent = 'Network error. Please try again.'; }); }); } </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> (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; 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="help.php">Crisis Support</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:admin@friendrewind.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; /* Don't rewrite images being authored inside a rich-text editor - it would rewrite the src into a /proxy/image.php URL in the saved HTML. */ if (img.closest && img.closest('[contenteditable="true"], .trumbowyg-editor, .trumbowyg-box, .tb_wysiwyg, textarea')) 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=1785488167" as="style" onload="this.onload=null;this.rel='stylesheet'"> <noscript><link rel="stylesheet" href="/static/css/footer-music-bar.css?v=1785488167"></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; ['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; var mq = window.matchMedia('(min-width: 769px)'); if (!mq.matches) return; function applyCompact(compact, animate) { if (!animate) { bar.style.transition = 'none'; void bar.offsetWidth; } 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) { setTimeout(function () { bar.style.transition = ''; }, 20); } } var saved = false; try { saved = localStorage.getItem(BAR_COMPACT_KEY) === '1'; } catch(e) {} applyCompact(saved, false); 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=1785492056" defer></script> <script src="/static/js/playlist-api.js?v=1785492078" 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() { window.FR_YT_IFRAME_VISIBLE = false; var _ytPlayer = null; var _ytReady = false; var _ytPendingId = null; var _ytPlaylist = []; var _ytIndex = -1; var _ytPlaylistIsProfile = false; var _ytRadioFetching = false; var _ytRadioSeen = {}; var _ytProgressTimer = null; var _ytErrorCount = 0; var _ytLastErrorTime = 0; var _ytIsLive = false; var _ytLastDur = 0; var _ytPendingResume = null; var _ytAutoResumeOnReady = false; 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; window.FR_RADIO_VOLUME_SCALE = .72; function _frBarVolumeFraction() { var slider = document.querySelector(".volume-slider"); if (slider) { var v = parseFloat(slider.value); if (isFinite(v)) return Math.max(0, Math.min(1, v / 100)); } if (typeof window.frGetSavedBarVolume === "function") { return window.frGetSavedBarVolume(); } return 1; } 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; } _ytTryAutoResumeIfReady(); }, onStateChange: function(e) { if (e.data === YT.PlayerState.ENDED) { if (typeof window._profileNext === "function" && window._profileNext()) { return; } 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) {} 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"); } if (typeof disableRadioMode === "function") disableRadioMode(); 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 < 2e3) { _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); } } }); }; function _ytIsImChatOpen() { return document.documentElement.classList.contains("fr-im-chat-open") || document.getElementById("yt-bar-player-wrap")?.getAttribute("data-fr-im-hidden") === "1"; } function _ytMountPlayerHidden(wrap) { if (_ytIsImChatOpen()) return; 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%"; } } function _ytPositionPlayer() { var wrap = document.getElementById("yt-bar-player-wrap"); if (!wrap || _ytIsImChatOpen()) return; try { if (window.getComputedStyle(wrap).display === "none") return; } catch (_e) { if (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 || _ytIsImChatOpen()) 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) { 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(3e3); _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; 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); } } 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) { _ytIndex = 0; if (_ytPlaylist[_ytIndex]) _ytBarPlay(_ytPlaylist[_ytIndex].id); return; } var startAt = _ytPlaylist.length; _ytPlaylist = _ytPlaylist.concat(fresh); 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 + .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; } }; window._ytSetVolume = function(vol01) { if (!_ytPlayer || !_ytReady) return false; try { var norm = Math.max(0, Math.min(1, vol01 || 0)); var pct = Math.min(100, Math.round(norm * 100 / .62)); _ytPlayer.setVolume(pct); if (pct <= 0) { _ytPlayer.mute(); } else { _ytPlayer.unMute(); } return true; } catch (e) { return false; } }; 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 _ytTryAutoResumeIfReady() { if (!_ytAutoResumeOnReady || !_ytReady || !_ytPendingResume) return; _ytAutoResumeOnReady = false; var bt = document.getElementById("bar-title"); if (bt) bt.removeAttribute("data-pending-resume"); if (typeof window._ytConsumeResume === "function") { window._ytConsumeResume(); } } 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"); 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); var _shouldResume = s.isPlaying === true; try { if (localStorage.getItem("anyspace_user_paused") === "1") _shouldResume = false; } catch (_e) {} if (_shouldResume) { _ytAutoResumeOnReady = true; var _barTitleEl = document.getElementById("bar-title"); if (_barTitleEl) _barTitleEl.removeAttribute("data-pending-resume"); frDebugLog("[YT-Bar] Track restored; auto-resume on player ready"); _ytTryAutoResumeIfReady(); } else { var _barTitleEl2 = document.getElementById("bar-title"); if (_barTitleEl2) _barTitleEl2.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 { _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) {} }, 3e3); 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 || ''; 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; 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() { 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 FR_BAR_VOLUME_KEY = "fr_bar_volume"; const IS_MOBILE = /Mobi|Android|iPhone|iPad|iPod/i.test(navigator.userAgent); function frReadBarVolumeFromStorage() { try { var raw = localStorage.getItem(FR_BAR_VOLUME_KEY); if (raw !== null && raw !== "") { var v = parseFloat(raw); if (isFinite(v)) return Math.max(0, Math.min(1, v)); } var aj = localStorage.getItem(STORAGE_KEY); if (aj) { var st = JSON.parse(aj); if (st && typeof st.volume === "number" && isFinite(st.volume)) { return Math.max(0, Math.min(1, st.volume)); } } } catch (_e) {} return null; } window.frGetSavedBarVolume = function() { if (IS_MOBILE) return 1; var v = frReadBarVolumeFromStorage(); return v !== null ? v : 1; }; window.frSaveBarVolume = function(vol) { if (IS_MOBILE) return; var v = typeof vol === "number" ? vol : parseFloat(vol); if (!isFinite(v)) return; v = Math.max(0, Math.min(1, v)); try { localStorage.setItem(FR_BAR_VOLUME_KEY, String(v)); } catch (_e) {} }; function frBarVolumeFromDom() { var slider = document.querySelector(".volume-slider"); if (slider) { var v = parseFloat(slider.value); if (isFinite(v)) return Math.max(0, Math.min(1, v / 100)); } return window.frGetSavedBarVolume(); } 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()) { try { window.frSaveBarVolume(frBarVolumeFromDom()); } catch (_e) {} return; } if (window._isRestoring && eventType !== "beforeunload") { return; } 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: 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: IS_MOBILE ? 1 : frBarVolumeFromDom(), autoStarted: 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) {} if (/youtube\.com\/watch|youtu\.be\//.test(state.src)) return; try { window.frSaveBarVolume(state.volume); } catch (_e) {} localStorage.setItem(STORAGE_KEY, JSON.stringify(state)); } window.addEventListener("beforeunload", () => saveState("beforeunload")); setInterval(() => saveState("interval"), 5e3); function setupMusicActiveSourceListener() { const musicAudio = document.getElementById("music"); if (!musicAudio) return; musicAudio.addEventListener("play", function() { if (!musicAudio.src || musicAudio.src === "" || musicAudio.src === "about:blank") { return; } 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(); } 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"; 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 { musicAudio.addEventListener("loadedmetadata", checkDuration, { once: true }); setTimeout(checkDuration, 1e3); } }); } 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); const musicAudio = document.getElementById("music"); if (musicAudio && !musicAudio.paused) { frDebugLog("[Radio] Stopping music - radio is now playing"); musicAudio.pause(); } 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"; 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(); }); 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 < 15e3) 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() {}); }, 3e3); }); } setTimeout(setupRadioActiveSourceListener, 500); 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) {} 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); 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; function frStopRadioWatchdog() { window._frRadioShouldPlay = false; } function frStartRadioWatchdog(radioAudio, shouldPlay) { window._frRadioShouldPlay = !!shouldPlay; } window.frStartRadioWatchdog = frStartRadioWatchdog; window.frStopRadioWatchdog = frStopRadioWatchdog; 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: frBarVolumeFromDom(), isRadio: true, station: station }; try { window.frSaveBarVolume(radioState.volume); } catch (_e) {} localStorage.setItem(RADIO_STORAGE_KEY, JSON.stringify(radioState)); } 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; }, 5e3); 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.frGetSavedBarVolume === "function" ? window.frGetSavedBarVolume() : typeof state.volume === "number" && isFinite(state.volume) ? state.volume : 1; 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)); 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); } window.currentSong = { title: state.title, artist: state.artist, isRadio: true }; const barTitle = document.getElementById("bar-title"); if (barTitle && state.title) { barTitle.textContent = state.title + (state.artist ? " - " + state.artist : ""); } 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); 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>'; } enableRadioMode(); 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 { 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"); 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); } } setInterval(() => saveRadioState(), 5e3); 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 = .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); } } window.connectRadioToVisualizer = function() { const radioAudio = document.getElementById("radio-audio"); if (radioAudio) { connectRadioToVisualizer(radioAudio); } }; function enableRadioMode() { const progressContainer = document.querySelector(".bar-progress-container"); const progress = document.querySelector(".bar-progress"); if (!progressContainer || !progress) return; progressContainer.classList.add("radio-mode"); if (!progress.querySelector(".radio-wave-animation")) { const waveContainer = document.createElement("div"); waveContainer.className = "radio-wave-animation"; for (let i = 0; i < 12; i++) { const bar = document.createElement("div"); bar.className = "radio-wave-bar"; waveContainer.appendChild(bar); } 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"); } function disableRadioMode() { const progressContainer = document.querySelector(".bar-progress-container"); if (!progressContainer) return; progressContainer.classList.remove("radio-mode"); const waveAnim = document.querySelector(".radio-wave-animation"); if (waveAnim) waveAnim.remove(); frDebugLog("[Radio] Disabled radio mode animation"); } 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") { 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; } else { frDebugLog("restoreState: YouTube player still active, skipping restore"); if (!IS_MOBILE && typeof window._ytSetVolume === "function") { try { window._ytSetVolume(window.frGetSavedBarVolume()); } catch (_e) {} } 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 : window.frGetSavedBarVolume(); window.currentSong = { title: state.title, artist: state.artist, albumArt: state.albumArt, img: state.albumArt, image: state.albumArt, cover: state.albumArt }; 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) {} 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) {} } window._isRestoring = false; } audio.addEventListener("loadedmetadata", onLoaded); setTimeout(() => { window._isRestoring = false; }, 5e3); } } 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; } 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; } if (window._needsUserPlay && window.audioElement && window.audioElement.paused) { window.audioElement.play().catch(e => console.warn("Still cannot autoplay (userInteractionHandler):", e)); window._needsUserPlay = false; } 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 (IS_MOBILE) { volumeSlider.value = 100; 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(); }); } 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 >= .999) newTime = Math.max(0, ytState.duration - .1); if (typeof window._ytSeek === "function") { window._ytSeek(newTime); barProgressFill.style.width = `${pos * 100}%`; barTimeDisplay.textContent = formatTime(newTime); } return; } 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 >= .999 && newTime >= currentDuration) { newTime = currentDuration - .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) {} } if (window.UnifiedAudioManager && typeof window.UnifiedAudioManager.setVolume === "function") { try { window.UnifiedAudioManager.setVolume(volumeVal); } catch (e) {} } if (typeof window._ytSetVolume === "function") { try { window._ytSetVolume(volumeVal); } catch (e) {} } if (!IS_MOBILE && typeof window.frSaveBarVolume === "function") { try { window.frSaveBarVolume(volumeVal); } catch (e) {} } } volumeSlider.addEventListener("input", () => { if (IS_MOBILE) { volumeSlider.value = 100; applyVolume(1); updateVolumeIcon(1); return; } 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 < .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; if (!IS_MOBILE) { const savedVol = window.frGetSavedBarVolume(); volumeSlider.value = Math.round(savedVol * 100); applyVolume(savedVol); updateVolumeIcon(savedVol); lastVolume = savedVol > 0 ? savedVol : 1; } else if (window.audioElement) { volumeSlider.value = 100; } 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") { 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; if (ytState === 1) { setUserPaused(); } else { clearUserPaused(); } } catch (_e) {} window._ytToggle(); return; } 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; } 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, 2e3); updateProgress(); } 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> (function() { let musicModal = null; let musicIframe = null; let isModalOpen = false; function createMusicModal() { if (musicModal) { frDebugLog('Modal already exists, reusing it'); return; } 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); musicModal = document.createElement('div'); musicModal.id = 'music-modal'; 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); `; const leftSection = document.createElement('div'); leftSection.style.cssText = ` display: flex; align-items: center; gap: 10px; `; 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 rightSection = document.createElement('div'); rightSection.style.cssText = 'display:flex;align-items:center;gap:8px;'; const headerBtnCss = ` 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; `; const fsBtn = document.createElement('button'); fsBtn.type = 'button'; fsBtn.id = 'music-modal-fullscreen'; fsBtn.innerHTML = '⛶'; fsBtn.title = 'Full screen visualizer'; fsBtn.setAttribute('aria-label', 'Full screen visualizer'); fsBtn.style.cssText = headerBtnCss; fsBtn.onmouseover = () => { fsBtn.style.background = 'rgba(255,255,255,0.28)'; fsBtn.style.transform = 'scale(1.08)'; }; fsBtn.onmouseout = () => { applyModalTheme(); fsBtn.style.transform = 'scale(1)'; }; fsBtn.onclick = function(e) { e.preventDefault(); e.stopPropagation(); toggleMusicVisualizerFullscreen(); }; const closeBtn = document.createElement('button'); closeBtn.type = 'button'; closeBtn.innerHTML = '✕'; closeBtn.title = 'Close'; closeBtn.setAttribute('aria-label', 'Close'); closeBtn.style.cssText = headerBtnCss; closeBtn.onmouseover = () => { closeBtn.style.background = 'rgba(255, 80, 80, 0.8)'; closeBtn.style.transform = 'scale(1.08)'; }; closeBtn.onmouseout = () => { applyModalTheme(); }; closeBtn.onclick = closeMusicModal; function styleHeaderChromeBtn(btn, isDark) { if (isDark) { btn.style.background = 'rgba(255,255,255,0.12)'; btn.style.border = '1px solid rgba(255,255,255,0.2)'; btn.style.color = '#fff'; } else { btn.style.background = 'rgba(255,255,255,0.15)'; btn.style.border = '1px solid rgba(255,255,255,0.3)'; btn.style.color = '#fff'; } btn.style.boxShadow = 'none'; btn.style.borderRadius = '50%'; } 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'; 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'; if (iframeContainer) iframeContainer.style.background = '#f4f4f8'; } styleHeaderChromeBtn(fsBtn, isDark); styleHeaderChromeBtn(closeBtn, isDark); 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%'; } 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; `; applyModalTheme(); try { new MutationObserver(function() { applyModalTheme(); }) .observe(document.body, { attributes: true, attributeFilter: ['class'] }); } catch(e) {} leftSection.appendChild(backBtn); leftSection.appendChild(title); rightSection.appendChild(fsBtn); rightSection.appendChild(closeBtn); header.appendChild(leftSection); header.appendChild(rightSection); 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; `; 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(); 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) { } try { const idoc = musicIframe.contentDocument; if (idoc && !idoc.__frVizFsHooked) { idoc.__frVizFsHooked = true; const sync = function() { syncMusicVisualizerFsBtn(); }; idoc.addEventListener('fullscreenchange', sync); idoc.addEventListener('webkitfullscreenchange', sync); } } catch (e) { } syncMusicVisualizerFsBtn(); }); iframeContainer.appendChild(musicIframe); 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) { } } } }, 200); frDebugLog('Music modal created successfully'); } 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); 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'; 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; window._musicModalVisible = true; if (musicIframe && musicIframe.contentWindow) { musicIframe.contentWindow.postMessage({ type: 'visualizer-visibility', visible: true }, '*'); } } function getMusicVizEl() { try { const doc = musicIframe && musicIframe.contentDocument; return doc ? doc.getElementById('visualizer-container') : null; } catch (e) { return null; } } function isMusicVizFullscreen() { try { const doc = musicIframe && musicIframe.contentDocument; if (!doc) return false; const viz = doc.getElementById('visualizer-container'); if (!viz) return false; const fs = doc.fullscreenElement || doc.webkitFullscreenElement; if (fs && (fs === viz || viz.contains(fs))) return true; return viz.classList.contains('fr-viz-fs'); } catch (e) { return false; } } function syncMusicVisualizerFsBtn() { const btn = document.getElementById('music-modal-fullscreen'); if (!btn) return; const on = isMusicVizFullscreen(); btn.innerHTML = on ? '❐' : '⛶'; btn.title = on ? 'Exit full screen' : 'Full screen visualizer'; btn.setAttribute('aria-label', btn.title); btn.setAttribute('aria-pressed', on ? 'true' : 'false'); } function notifyMusicVizResize() { try { if (musicIframe && musicIframe.contentWindow) { musicIframe.contentWindow.postMessage({ type: 'visualizer-resize' }, '*'); } } catch (e) { } } function exitMusicVisualizerFullscreen() { try { const doc = musicIframe && musicIframe.contentDocument; if (!doc) return; const viz = doc.getElementById('visualizer-container'); if (viz) viz.classList.remove('fr-viz-fs'); const fs = doc.fullscreenElement || doc.webkitFullscreenElement; if (fs) { const exit = doc.exitFullscreen || doc.webkitExitFullscreen; if (exit) exit.call(doc); } notifyMusicVizResize(); } catch (e) { } syncMusicVisualizerFsBtn(); } function toggleMusicVisualizerFullscreen() { const viz = getMusicVizEl(); if (!viz) return; if (isMusicVizFullscreen()) { exitMusicVisualizerFullscreen(); return; } const req = viz.requestFullscreen || viz.webkitRequestFullscreen; if (req) { Promise.resolve(req.call(viz)).then(function () { syncMusicVisualizerFsBtn(); notifyMusicVizResize(); }).catch(function () { viz.classList.add('fr-viz-fs'); syncMusicVisualizerFsBtn(); notifyMusicVizResize(); }); } else { viz.classList.add('fr-viz-fs'); syncMusicVisualizerFsBtn(); notifyMusicVizResize(); } } function closeMusicModal() { if (!musicModal) return; exitMusicVisualizerFullscreen(); 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)'; 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; 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; document.addEventListener('DOMContentLoaded', () => { const browseBtn = document.getElementById('bar-browse-music-btn'); if (browseBtn) { browseBtn.onclick = showMusicModal; } }); window.openMusicModal = showMusicModal; window.showMusicModal = showMusicModal; window.closeMusicModal = closeMusicModal; window.toggleMusicVisualizerFullscreen = toggleMusicVisualizerFullscreen; window.exitMusicVisualizerFullscreen = exitMusicVisualizerFullscreen; window.addEventListener('message', function (e) { if (e.data && e.data.type === 'visualizer-exit-fullscreen') { exitMusicVisualizerFullscreen(); } }); })(); </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(){ /* Never touch images inside a rich-text editor (Trumbowyg) or any contenteditable region. Setting img.loading/img.decoding reflects to real attributes, which then get serialized into the saved HTML and reappear even after the author deletes them. */ function inEditable(img) { return !!(img.closest && img.closest('[contenteditable="true"], .trumbowyg-editor, .trumbowyg-box, .tb_wysiwyg, textarea')); } function lazify(img) { if (!img || img.tagName !== 'IMG' || img.loading || inEditable(img)) return; img.loading = 'lazy'; img.decoding = 'async'; } document.querySelectorAll('img:not([loading])').forEach(lazify); 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') { lazify(node); } node.querySelectorAll && node.querySelectorAll('img:not([loading])').forEach(lazify); } }); }); }); observer.observe(document.body, { childList: true, subtree: true }); } })(); </script> <script> (function () { function frHasCodeBlocks() { return !!(document.querySelector && document.querySelector('pre.fr-code, pre.fr-forum-code, pre > code')); } function frLoadCodeAssets() { if (window.__frCodeAssetsLoaded) return; window.__frCodeAssetsLoaded = true; var base = ""; var link = document.createElement('link'); link.rel = 'stylesheet'; link.href = base + "static\/css\/fr-code.css" + '?v=1786240781'; document.head.appendChild(link); var s = document.createElement('script'); s.src = base + "static\/js\/fr-code.js" + '?v=1786240782'; s.defer = true; document.head.appendChild(s); } function frMaybeLoadCode() { if (frHasCodeBlocks()) frLoadCodeAssets(); } if (document.readyState === 'loading') { document.addEventListener('DOMContentLoaded', frMaybeLoadCode); } else { frMaybeLoadCode(); } if (typeof MutationObserver !== 'undefined') { var mo = new MutationObserver(function () { if (frHasCodeBlocks()) { frLoadCodeAssets(); mo.disconnect(); } }); if (document.body) mo.observe(document.body, { childList: true, subtree: true }); } })(); </script>  </body> </html> <script src="static/js/playlist-api.js?v=1785492078"></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', 'Unfavorite': 'static/icons/delete.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 isMobile = window.innerWidth <= 768 || ('ontouchstart' in window); if (isMobile) { if (typeof window.frToggleMobileChat === 'function') { window.frToggleMobileChat(true, { chatWith: userId }); } } else { const imUrl = `/mobileim/mobile-chat.php?chat_with=${userId}`; 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; } } 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 = 28451; 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> </body> </html>