Files
KoalaSync/website/site-access-help.html
T

171 lines
11 KiB
HTML
Raw Blame History

This file contains ambiguous Unicode characters
This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.
<!DOCTYPE html>
<html lang="en" class="lang-en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>KoalaSync Cannot Access Your Video Site? Fix Website Access</title>
<meta name="description" content="Restore KoalaSync website access immediately in Chrome, Edge, Brave, Opera, or Vivaldi when a video tab cannot be linked or controlled.">
<meta name="robots" content="index, follow">
<link rel="preload" href="style.min.css" as="style">
<link rel="stylesheet" href="style.min.css">
<link rel="icon" type="image/png" sizes="32x32" href="assets/favicon-32x32.png">
<link rel="canonical" href="https://sync.koalastuff.net/site-access-help.html">
<link rel="alternate" hreflang="en" href="https://sync.koalastuff.net/site-access-help.html">
<link rel="alternate" hreflang="x-default" href="https://sync.koalastuff.net/site-access-help.html">
<meta property="og:type" content="website">
<meta property="og:url" content="https://sync.koalastuff.net/site-access-help.html">
<meta property="og:title" content="Fix KoalaSync website access">
<meta property="og:description" content="Quick browser-specific steps for reconnecting KoalaSync to a video tab.">
<meta property="og:image" content="https://sync.koalastuff.net/assets/og-image.png">
<meta property="og:image:width" content="1280">
<meta property="og:image:height" content="640">
<meta property="og:image:type" content="image/png">
<meta property="og:site_name" content="KoalaSync">
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="Fix KoalaSync website access">
<meta name="twitter:description" content="Quick browser-specific steps for reconnecting KoalaSync to a video tab.">
<meta name="twitter:image" content="https://sync.koalastuff.net/assets/og-image.png">
<meta name="theme-color" content="#10190e">
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "TechArticle",
"headline": "Fix KoalaSync website access",
"description": "Restore KoalaSync access when a browser blocks the extension on a video website.",
"datePublished": "2026-07-15T10:24:59Z",
"dateModified": "2026-07-19T19:20:05Z",
"inLanguage": "en",
"url": "https://sync.koalastuff.net/site-access-help.html",
"mainEntityOfPage": {
"@type": "WebPage",
"@id": "https://sync.koalastuff.net/site-access-help.html"
},
"author": {
"@type": "Organization",
"name": "KoalaSync",
"url": "https://sync.koalastuff.net/"
},
"publisher": {
"@type": "Organization",
"name": "KoalaSync",
"url": "https://sync.koalastuff.net/"
},
"isPartOf": {
"@type": "WebSite",
"name": "KoalaSync",
"url": "https://sync.koalastuff.net/"
}
}
</script>
<script src="lang-init.min.js"></script>
</head>
<body class="support-page">
<div class="scroll-progress-bar"></div>
<a class="skip-link" href="#main-content">Skip to troubleshooting</a>
<nav>
<div class="container nav-content">
<a class="logo-area" href="./" aria-label="KoalaSync home">
<img class="nav-logo-img" src="assets/NewLogoIcon_128.webp" srcset="assets/NewLogoIcon_64.webp 64w, assets/NewLogoIcon_128.webp 128w, assets/NewLogoIcon.webp 256w" sizes="64px" alt="KoalaSync logo" width="64" height="64">
<span>KoalaSync</span>
</a>
<div class="nav-links" id="primary-nav" role="navigation" aria-label="Primary">
<a href="./">Home</a>
<a href="https://github.com/Shik3i/KoalaSync" target="_blank" rel="noopener">GitHub</a>
</div>
<div class="nav-right">
<button class="theme-toggle" id="theme-toggle" type="button" aria-label="Toggle light or dark theme" title="Toggle light or dark theme">
<svg class="theme-icon-sun" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" width="18" height="18" aria-hidden="true"><circle cx="12" cy="12" r="4"/><path d="M12 2v2M12 20v2M4.93 4.93l1.41 1.41M17.66 17.66l1.41 1.41M2 12h2M20 12h2M6.34 17.66l-1.41 1.41M19.07 4.93l-1.41 1.41"/></svg>
<svg class="theme-icon-moon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" width="18" height="18" aria-hidden="true"><path d="M12 3a6 6 0 0 0 9 9 9 9 0 1 1-9-9Z"/></svg>
</button>
<button class="hamburger" aria-label="Toggle navigation menu" aria-expanded="false" aria-controls="primary-nav">
<svg viewBox="0 0 24 24" width="24" height="24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" aria-hidden="true"><line x1="3" y1="6" x2="21" y2="6"/><line x1="3" y1="12" x2="21" y2="12"/><line x1="3" y1="18" x2="21" y2="18"/></svg>
</button>
</div>
</div>
</nav>
<main id="main-content" class="support-content">
<header class="support-hero">
<span class="support-status">KoalaSync cannot see your video</span>
<h1>KoalaSync opens, but your video does nothing?</h1>
<p class="support-lead">Chrome may have switched off KoalaSync for that video website. You can still look connected to a room, but KoalaSync cannot see or control the video until you allow access again.</p>
</header>
<section class="support-card" aria-labelledby="quick-fix-title">
<span class="support-eyebrow">Fix it now — no update required</span>
<h2 id="quick-fix-title">Turn KoalaSync back on for the video website</h2>
<ol class="support-steps">
<li>Leave the video website open.</li>
<li>Look at the top-right of the browser, next to the long box that shows the website address. Click the <strong>Extensions</strong> button (usually a puzzle-piece icon). If you cannot see it, open the three-dot menu first and choose <strong>Extensions</strong>.</li>
<li>Look for <strong>Access requested</strong>. Click <strong>KoalaSync</strong> underneath it to allow access.</li>
<li>If you do not see <strong>Access requested</strong>, find KoalaSync in the same menu, open its three-dot menu, choose <strong>This can read and change site data</strong>, then choose <strong>On this site</strong>. You can also choose <strong>On all sites</strong> if you want KoalaSync to work automatically on every supported website.</li>
<li>Return to the video and click the browsers reload button (the circular arrow).</li>
<li>Open KoalaSync and select the video tab again.</li>
</ol>
<p>You do not need to wait for a KoalaSync update. These steps work immediately.</p>
<p><a class="support-link" href="https://support.google.com/chrome/answer/2664769?hl=en#:~:text=Let%20extensions%20read%20and%20change%20site%20data" target="_blank" rel="noopener">Open Googles official step-by-step instructions for changing an extensions website access</a></p>
</section>
<div class="support-callout" role="note">
<span class="support-callout-icon" aria-hidden="true">i</span>
<div>
<strong>KoalaSync did not add a new kind of permission.</strong>
<p>Chrome changed how it handles an extensions existing access to websites. This change can switch KoalaSync off for a website even though KoalaSync itself was not updated. Allowing KoalaSync on the video website turns it back on.</p>
</div>
</div>
<section class="support-card" aria-labelledby="chromium-title">
<span class="support-eyebrow">Chrome, Edge, Brave, Opera, Vivaldi</span>
<h2 id="chromium-title">Where to click</h2>
<ol>
<li>Keep the video tab open so the browser knows which website you want to allow.</li>
<li>Open the <strong>Extensions</strong> menu at the top-right of the browser.</li>
<li>Under <strong>Access requested</strong>, click <strong>KoalaSync</strong>.</li>
<li>If your browser shows the older menu, open KoalaSyncs three-dot menu and choose <strong>This can read and change site data</strong><strong>On this site</strong>.</li>
<li>Reload the video page, open KoalaSync, and select that tab again.</li>
</ol>
</section>
<section class="support-card" aria-labelledby="why-title">
<span class="support-eyebrow">Why this suddenly happened</span>
<h2 id="why-title">Chrome changed this without a KoalaSync update</h2>
<p>Chrome is gradually giving people a new extensions menu. It can arrive on one computer today and on another computer later. That is why KoalaSync can suddenly stop working in one browser while it still works in another.</p>
<p>Your room can still show as connected because the room connection and access to the video are two separate things. KoalaSync cannot control the video until Chrome allows it on that website again.</p>
</section>
<section class="support-card" aria-labelledby="still-title">
<span class="support-eyebrow">Still not working?</span>
<h2 id="still-title">Run these checks in order</h2>
<ul>
<li>Update KoalaSync in both browsers. Friends using different releases should update before testing again.</li>
<li>Reload the video page after granting access. An already-open page may still have the old blocked state.</li>
<li>Open KoalaSync and reselect the exact tab containing the player.</li>
<li>Confirm the debug report says <strong>Video Found</strong>. A page without a standard player may need site-specific support.</li>
<li>Temporarily test without another extension that also modifies the player.</li>
<li>If it still fails, collect a debug report from each participant before leaving the room.</li>
</ul>
</section>
<div class="support-actions">
<a class="btn btn-primary" href="./">Back to KoalaSync</a>
<a class="btn btn-secondary" href="https://github.com/Shik3i/KoalaSync/issues" target="_blank" rel="noopener">Report a reproducible issue</a>
</div>
</main>
<footer>
<div class="container">
<p class="footer-ram">Rooms are ephemeral and stored in RAM.</p>
<p class="footer-copyright">&copy; 2026 KoalaSync. Open source under the MIT License.</p>
<div class="footer-links">
<a href="imprint.html">Legal notice</a>
<a href="privacy.html">Privacy</a>
<a href="https://github.com/Shik3i/KoalaSync" target="_blank" rel="noopener">GitHub</a>
</div>
</div>
</footer>
<script src="app.min.js"></script>
</body>
</html>