docs: add CHANGELOG.md, link from README, version badge -> clickable changelog

This commit is contained in:
Timo
2026-06-01 16:14:30 +02:00
parent 1e883d8ee4
commit a445759dd7
16 changed files with 119 additions and 35 deletions
+75
View File
@@ -0,0 +1,75 @@
# KoalaSync Changelog
All notable changes to the KoalaSync browser extension and relay server.
---
## [v2.0.1] — 2026-06-01
### Fixed
- Video detection on Prime Video: `findVideo()` now scores all video elements by size, duration, and mute state instead of picking the first one. Fixes 0×0 placeholder being selected over the actual player.
- History entries in debug report showing `?` instead of action names.
- Prime Video status in compatibility matrix updated to reflect partial support.
### Added
- Multi-video overview table in Copy Debug Report when a page has more than one `<video>` element. Shows resolution, mute state, playback state, readyState, duration, and marks the currently targeted video.
---
## [v2.0.0] — 2026-05-31
### New Features
- **6-Language Website Mockup**: The interactive extension preview on the landing page now renders in all 6 supported languages (EN/DE/FR/ES/PT-BR/RU), dynamically compiled from locale files.
- **Copy Debug Report**: The *Copy Logs* button in the Status tab now copies a fully formatted Markdown report containing system info, connection status, video debug data, action history, and logs — ready to paste into GitHub issues.
- **Platform Auto-Detection**: The Dev tab now identifies streaming platforms (YouTube, Netflix, Twitch, Prime Video, Disney+, HBO Max, Vimeo, Dailymotion) and displays the detected platform.
- **Enhanced Video Debug Info**: 20+ new fields in the Status tab including network state, buffered ranges, dimensions (with 0×0 warning), media error codes, shadow DOM status, seeking/ended/loop flags, volume, playback speed, and data attributes.
- **No-Video Diagnostic Mode**: When no video is found, the Status tab shows platform, page title, video count, shadow DOM presence, and MediaSession data to help troubleshoot.
### Changed
- **New TwoPointZero Branding**: Updated extension icons (16/32/48/96/128px), website favicon (PNG 16×16 + 32×32), Apple touch icon (192×192), and web manifest icons.
- **Larger Logo Display**: Popup logo increased to 48px; website nav logo to 64px with improved vertical centering.
- **Higher Quality AVIF**: Build script AVIF quality raised from 70 to 80, speed improved from 6 to 4, and minimum file size threshold removed so all assets get AVIF variants.
- **Prime Video Unblocked**: Removed `amazon.` from the tab blacklist so Amazon/Prime Video tabs appear in the video selector.
- **Improved Browser Detection**: Debug report now includes the full User-Agent string for accurate browser identification.
---
## [v1.9.3] — 2026-05-23
### Fixed
- Smart disconnect handling when leaving rooms
- Human-readable room ID generation with expanded word lists
- WEB_JOIN_REQUEST and join button for custom server invite flows
- Custom server reconnection strategy improvements
- YouTube and Twitch sync status refinements
- Hardcoded strings, missing translation keys, and SW notification race conditions
- ESLint warnings and syntax consistency
### Added
- Relay reachability check hint in README
- Crawlable language navigation links for SEO
- Per-locale HowTo and FAQPage schema markup
- TESTED_SERVICES.md compatibility matrix
- Visible FAQ section on landing page with FAQPage schema
---
## [v1.9.0] — 2026-05-18
### New Features
- **Full Dynamic i18n**: The browser extension now supports 6 languages (EN/DE/FR/ES/PT-BR/RU) with real-time language switching without reload.
- **6-Language Website**: Landing page, join page, and legal pages now available in all 6 languages with proper hreflang tags and canonical URLs.
### Changed
- **Episode-Aware Sync**: Command sequencing with smarter episode transition detection and echo suppression for smoother series binges.
- Build script improvements for safer minified output (`.min.*` naming).
- Website SEO overhaul: Clean URLs, sitemap improvements, meta description optimization.
- Privacy improvements: Email obfuscation, Caddy CSP headers, no external dependencies.
---
## Versioning Policy
- **MAJOR** (x.0.0): Breaking protocol changes, architecture rewrites, or major feature milestones.
- **MINOR** (0.x.0): New features, significant enhancements, new translations, or UI redesigns.
- **PATCH** (0.0.x): Bug fixes, minor improvements, and documentation updates. PATCH releases may not receive individual changelog entries if bundled with a MINOR release.
+1
View File
@@ -104,6 +104,7 @@ Both the official KoalaSync website and the **v2.0 Browser Extension** feature f
### 📖 Documentation & Links
- **[CHANGELOG.md](CHANGELOG.md)**: [New v2.0.1 Release!](CHANGELOG.md) — See what's changed.
- **[TESTED_SERVICES.md](TESTED_SERVICES.md)**: Detailed compatibility matrix of tested streaming platforms and known limitations.
- **[TRANSLATION.md](website/TRANSLATION.md)**: Translation and localization guide for contributors.
- **[PRIVACY.md](PRIVACY.md)**: Data Handling and Privacy Policy.
+8
View File
@@ -314,6 +314,14 @@ nav {
border: 1px solid rgba(99, 102, 241, 0.3);
letter-spacing: 0.05em;
text-transform: uppercase;
cursor: pointer;
transition: transform 0.2s, box-shadow 0.2s, background 0.2s;
}
.version-badge:hover {
background: rgba(99, 102, 241, 0.2);
box-shadow: 0 0 16px rgba(99, 102, 241, 0.3);
transform: translateY(-1px);
}
/* --- Interactive CSS Extension Mockup --- */
+2 -2
View File
@@ -222,10 +222,10 @@
<header class="hero" id="main-content">
<div class="container hero-grid">
<div class="hero-text">
<div class="version-badge" data-reveal>
<a href="https://github.com/Shik3i/KoalaSync/blob/main/CHANGELOG.md" target="_blank" class="version-badge" data-reveal style="text-decoration: none; display: inline-block; transition: transform 0.2s, box-shadow 0.2s;" title="View Changelog">
<span class="version-text-en" lang="en">v1.5.3 OUT NOW</span>
<span class="version-text-de" lang="de">v1.5.3 JETZT VERFÜGBAR</span>
</div>
</a>
<h1 data-reveal>{{HERO_TITLE}}</h1>
<p class="hero-subtitle" data-reveal>{{HERO_SUBTITLE}}</p>
<div class="hero-mascot-container" data-reveal>
+2 -2
View File
@@ -4,8 +4,8 @@
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Datenschutz / Privacy Policy | KoalaSync</title>
<link rel="preload" href="style.23314305.min.css" as="style">
<link rel="stylesheet" href="style.23314305.min.css">
<link rel="preload" href="style.23385d83.min.css" as="style">
<link rel="stylesheet" href="style.23385d83.min.css">
<link rel="icon" type="image/webp" href="assets/NewLogoIcon_64.webp">
<meta name="robots" content="noindex">
+4 -4
View File
@@ -6,9 +6,9 @@
<title>KoalaSync | Netflix, YouTube & jedes Video mit Freunden synchronisieren</title>
<meta name="description" content="Schaue Netflix, YouTube, Twitch und jedes HTML5-Video synchron mit Freunden. Kostenlose, quelloffene Browser-Erweiterung. Keine Anmeldung erforderlich.">
<link rel="preload" href="../style.23314305.min.css" as="style">
<link rel="preload" href="../style.23385d83.min.css" as="style">
<link rel="preload" as="image" href="../assets/LookDownKoala.webp" imagesrcset="../assets/LookDownKoala-1x.webp 90w, ../assets/LookDownKoala.webp 205w" imagesizes="90px" fetchpriority="high">
<link rel="stylesheet" href="../style.23314305.min.css">
<link rel="stylesheet" href="../style.23385d83.min.css">
<link rel="icon" type="image/png" sizes="16x16" href="../assets/favicon-16x16.png">
<link rel="icon" type="image/png" sizes="32x32" href="../assets/favicon-32x32.png">
<link rel="apple-touch-icon" sizes="180x180" href="../assets/icon-192x192.png">
@@ -222,10 +222,10 @@
<header class="hero" id="main-content">
<div class="container hero-grid">
<div class="hero-text">
<div class="version-badge" data-reveal>
<a href="https://github.com/Shik3i/KoalaSync/blob/main/CHANGELOG.md" target="_blank" class="version-badge" data-reveal style="text-decoration: none; display: inline-block; transition: transform 0.2s, box-shadow 0.2s;" title="View Changelog">
<span class="version-text-en" lang="en">v1.5.3 OUT NOW</span>
<span class="version-text-de" lang="de">v1.5.3 JETZT VERFÜGBAR</span>
</div>
</a>
<h1 data-reveal>Gemeinsam schauen.<br>Perfekt synchron.</h1>
<p class="hero-subtitle" data-reveal>Dein Kino-Abend auf Distanz. Keine Lags, keine Anmeldung. Einfach Link teilen und zusammen schauen.</p>
<div class="hero-mascot-container" data-reveal>
+4 -4
View File
@@ -6,9 +6,9 @@
<title>KoalaSync | Sincroniza Netflix, YouTube y cualquier video con amigos</title>
<meta name="description" content="Mira Netflix, YouTube, Twitch y cualquier video HTML5 en perfecta sincronización con amigos. Extensión de navegador gratuita y de código abierto. Sin registro.">
<link rel="preload" href="../style.23314305.min.css" as="style">
<link rel="preload" href="../style.23385d83.min.css" as="style">
<link rel="preload" as="image" href="../assets/LookDownKoala.webp" imagesrcset="../assets/LookDownKoala-1x.webp 90w, ../assets/LookDownKoala.webp 205w" imagesizes="90px" fetchpriority="high">
<link rel="stylesheet" href="../style.23314305.min.css">
<link rel="stylesheet" href="../style.23385d83.min.css">
<link rel="icon" type="image/png" sizes="16x16" href="../assets/favicon-16x16.png">
<link rel="icon" type="image/png" sizes="32x32" href="../assets/favicon-32x32.png">
<link rel="apple-touch-icon" sizes="180x180" href="../assets/icon-192x192.png">
@@ -222,10 +222,10 @@
<header class="hero" id="main-content">
<div class="container hero-grid">
<div class="hero-text">
<div class="version-badge" data-reveal>
<a href="https://github.com/Shik3i/KoalaSync/blob/main/CHANGELOG.md" target="_blank" class="version-badge" data-reveal style="text-decoration: none; display: inline-block; transition: transform 0.2s, box-shadow 0.2s;" title="View Changelog">
<span class="version-text-en" lang="en">v1.5.3 OUT NOW</span>
<span class="version-text-de" lang="de">v1.5.3 JETZT VERFÜGBAR</span>
</div>
</a>
<h1 data-reveal>Miren juntos.<br>Sincronización perfecta.</h1>
<p class="hero-subtitle" data-reveal>Tu noche de películas a distancia sin retrasos. Sin registro ni recopilación de datos. Solo comparte un enlace y miren juntos.</p>
<div class="hero-mascot-container" data-reveal>
+4 -4
View File
@@ -6,9 +6,9 @@
<title>KoalaSync | Synchronisez Netflix, YouTube et n'importe quelle vidéo avec vos amis</title>
<meta name="description" content="Regardez Netflix, YouTube, Twitch et des vidéos HTML5 en synchro avec vos amis. Extension de navigateur gratuite et open-source. Aucune inscription requise.">
<link rel="preload" href="../style.23314305.min.css" as="style">
<link rel="preload" href="../style.23385d83.min.css" as="style">
<link rel="preload" as="image" href="../assets/LookDownKoala.webp" imagesrcset="../assets/LookDownKoala-1x.webp 90w, ../assets/LookDownKoala.webp 205w" imagesizes="90px" fetchpriority="high">
<link rel="stylesheet" href="../style.23314305.min.css">
<link rel="stylesheet" href="../style.23385d83.min.css">
<link rel="icon" type="image/png" sizes="16x16" href="../assets/favicon-16x16.png">
<link rel="icon" type="image/png" sizes="32x32" href="../assets/favicon-32x32.png">
<link rel="apple-touch-icon" sizes="180x180" href="../assets/icon-192x192.png">
@@ -222,10 +222,10 @@
<header class="hero" id="main-content">
<div class="container hero-grid">
<div class="hero-text">
<div class="version-badge" data-reveal>
<a href="https://github.com/Shik3i/KoalaSync/blob/main/CHANGELOG.md" target="_blank" class="version-badge" data-reveal style="text-decoration: none; display: inline-block; transition: transform 0.2s, box-shadow 0.2s;" title="View Changelog">
<span class="version-text-en" lang="en">v1.5.3 OUT NOW</span>
<span class="version-text-de" lang="de">v1.5.3 JETZT VERFÜGBAR</span>
</div>
</a>
<h1 data-reveal>Regardez ensemble.<br>Synchronisation parfaite.</h1>
<p class="hero-subtitle" data-reveal>Votre soirée cinéma à distance sans décalage. Pas d'inscription, pas de collecte de données. Partagez simplement un lien et regardez ensemble.</p>
<div class="hero-mascot-container" data-reveal>
+2 -2
View File
@@ -4,8 +4,8 @@
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Impressum / Legal Notice | KoalaSync</title>
<link rel="preload" href="style.23314305.min.css" as="style">
<link rel="stylesheet" href="style.23314305.min.css">
<link rel="preload" href="style.23385d83.min.css" as="style">
<link rel="stylesheet" href="style.23385d83.min.css">
<link rel="icon" type="image/webp" href="assets/NewLogoIcon_64.webp">
<meta name="robots" content="noindex">
+4 -4
View File
@@ -6,9 +6,9 @@
<title>KoalaSync | Sync Netflix, YouTube & Any Video with Friends</title>
<meta name="description" content="Watch Netflix, YouTube, Twitch & any HTML5 video in perfect sync with friends. Free, open-source browser extension for Chrome and Firefox. No sign-up needed.">
<link rel="preload" href="style.23314305.min.css" as="style">
<link rel="preload" href="style.23385d83.min.css" as="style">
<link rel="preload" as="image" href="assets/LookDownKoala.webp" imagesrcset="assets/LookDownKoala-1x.webp 90w, assets/LookDownKoala.webp 205w" imagesizes="90px" fetchpriority="high">
<link rel="stylesheet" href="style.23314305.min.css">
<link rel="stylesheet" href="style.23385d83.min.css">
<link rel="icon" type="image/png" sizes="16x16" href="assets/favicon-16x16.png">
<link rel="icon" type="image/png" sizes="32x32" href="assets/favicon-32x32.png">
<link rel="apple-touch-icon" sizes="180x180" href="assets/icon-192x192.png">
@@ -222,10 +222,10 @@
<header class="hero" id="main-content">
<div class="container hero-grid">
<div class="hero-text">
<div class="version-badge" data-reveal>
<a href="https://github.com/Shik3i/KoalaSync/blob/main/CHANGELOG.md" target="_blank" class="version-badge" data-reveal style="text-decoration: none; display: inline-block; transition: transform 0.2s, box-shadow 0.2s;" title="View Changelog">
<span class="version-text-en" lang="en">v1.5.3 OUT NOW</span>
<span class="version-text-de" lang="de">v1.5.3 JETZT VERFÜGBAR</span>
</div>
</a>
<h1 data-reveal>Watch Together.<br>Sync Perfectly.</h1>
<p class="hero-subtitle" data-reveal>Your remote movie night without lags. No registration, no data collection. Just share a link and watch together.</p>
<div class="hero-mascot-container" data-reveal>
+2 -2
View File
@@ -4,8 +4,8 @@
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Join Room | KoalaSync</title>
<link rel="preload" href="style.23314305.min.css" as="style">
<link rel="stylesheet" href="style.23314305.min.css">
<link rel="preload" href="style.23385d83.min.css" as="style">
<link rel="stylesheet" href="style.23385d83.min.css">
<link rel="icon" type="image/png" sizes="16x16" href="assets/favicon-16x16.png">
<link rel="icon" type="image/png" sizes="32x32" href="assets/favicon-32x32.png">
<link rel="apple-touch-icon" sizes="180x180" href="assets/icon-192x192.png">
+4 -4
View File
@@ -6,9 +6,9 @@
<title>KoalaSync | Sincronize Netflix, YouTube e qualquer vídeo com amigos</title>
<meta name="description" content="Assista Netflix, YouTube, Twitch e qualquer vídeo HTML5 em perfeita sincronia com amigos. Extensão de navegador gratuita e de código aberto. Sem registro.">
<link rel="preload" href="../style.23314305.min.css" as="style">
<link rel="preload" href="../style.23385d83.min.css" as="style">
<link rel="preload" as="image" href="../assets/LookDownKoala.webp" imagesrcset="../assets/LookDownKoala-1x.webp 90w, ../assets/LookDownKoala.webp 205w" imagesizes="90px" fetchpriority="high">
<link rel="stylesheet" href="../style.23314305.min.css">
<link rel="stylesheet" href="../style.23385d83.min.css">
<link rel="icon" type="image/png" sizes="16x16" href="../assets/favicon-16x16.png">
<link rel="icon" type="image/png" sizes="32x32" href="../assets/favicon-32x32.png">
<link rel="apple-touch-icon" sizes="180x180" href="../assets/icon-192x192.png">
@@ -222,10 +222,10 @@
<header class="hero" id="main-content">
<div class="container hero-grid">
<div class="hero-text">
<div class="version-badge" data-reveal>
<a href="https://github.com/Shik3i/KoalaSync/blob/main/CHANGELOG.md" target="_blank" class="version-badge" data-reveal style="text-decoration: none; display: inline-block; transition: transform 0.2s, box-shadow 0.2s;" title="View Changelog">
<span class="version-text-en" lang="en">v1.5.3 OUT NOW</span>
<span class="version-text-de" lang="de">v1.5.3 JETZT VERFÜGBAR</span>
</div>
</a>
<h1 data-reveal>Assistam juntos.<br>Sincronia perfeita.</h1>
<p class="hero-subtitle" data-reveal>Sua noite de cinema à distância sem atrasos. Sem registro, sem coleta de dados. Apenas compartilhe o link e assistam juntos.</p>
<div class="hero-mascot-container" data-reveal>
+4 -4
View File
@@ -6,9 +6,9 @@
<title>KoalaSync | Синхронизация Netflix, YouTube и любого видео с друзьями</title>
<meta name="description" content="Смотрите Netflix, YouTube, Twitch и любые HTML5-видео в синхронизации с друзьями. Бесплатное расширение браузера с открытым кодом. Регистрация не требуется.">
<link rel="preload" href="../style.23314305.min.css" as="style">
<link rel="preload" href="../style.23385d83.min.css" as="style">
<link rel="preload" as="image" href="../assets/LookDownKoala.webp" imagesrcset="../assets/LookDownKoala-1x.webp 90w, ../assets/LookDownKoala.webp 205w" imagesizes="90px" fetchpriority="high">
<link rel="stylesheet" href="../style.23314305.min.css">
<link rel="stylesheet" href="../style.23385d83.min.css">
<link rel="icon" type="image/png" sizes="16x16" href="../assets/favicon-16x16.png">
<link rel="icon" type="image/png" sizes="32x32" href="../assets/favicon-32x32.png">
<link rel="apple-touch-icon" sizes="180x180" href="../assets/icon-192x192.png">
@@ -222,10 +222,10 @@
<header class="hero" id="main-content">
<div class="container hero-grid">
<div class="hero-text">
<div class="version-badge" data-reveal>
<a href="https://github.com/Shik3i/KoalaSync/blob/main/CHANGELOG.md" target="_blank" class="version-badge" data-reveal style="text-decoration: none; display: inline-block; transition: transform 0.2s, box-shadow 0.2s;" title="View Changelog">
<span class="version-text-en" lang="en">v1.5.3 OUT NOW</span>
<span class="version-text-de" lang="de">v1.5.3 JETZT VERFÜGBAR</span>
</div>
</a>
<h1 data-reveal>Смотрите вместе.<br>Синхронно на 100%.</h1>
<p class="hero-subtitle" data-reveal>Ваш киновечер на расстоянии без задержек. Без регистрации и сбора данных. Просто поделитесь ссылкой и смотрите вместе.</p>
<div class="hero-mascot-container" data-reveal>
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
+2 -2
View File
@@ -1,4 +1,4 @@
{
"version": "1.9.3",
"date": "2026-05-30T00:01:24Z"
"version": "2.0.1",
"date": "2026-06-01T13:59:31Z"
}