From 0d1910285ce1049687395da4327e8a879d5848da Mon Sep 17 00:00:00 2001
From: Gareth Dawson <email@garethdawson.xyz>
Date: Sat, 14 Feb 2026 22:56:33 +0000
Subject: [PATCH] fix: restore iOS background play by detecting iOS before UA
 spoof

---
 index.html          | 4 ++++
 js/app.js           | 3 ++-
 js/audio-context.js | 6 +++---
 3 files changed, 9 insertions(+), 4 deletions(-)
diff --git a/index.html b/index.html
index 2b4ded6..7883085 100644
--- a/index.html
+++ b/index.html
@@ -2,6 +2,10 @@
 <html lang="en">
     <head>
         <script>
+            // Capture real iOS state before spoofing (needed for background audio)
+            var _ua = navigator.userAgent.toLowerCase();
+            window.__IS_IOS__ = /iphone|ipad|ipod/.test(_ua) || (_ua.includes('mac') && navigator.maxTouchPoints > 1);
+
             // Spoof User-Agent to bypass Google's embedded browser check
             Object.defineProperty(navigator, 'userAgent', {
                 get: function () {
diff --git a/js/app.js b/js/app.js
index 0889146..f8fcd56 100644
--- a/js/app.js
+++ b/js/app.js
@@ -234,8 +234,9 @@ document.addEventListener('DOMContentLoaded', async () => {
     const audioPlayer = document.getElementById('audio-player');
 
     // i love ios and macos!!!! webkit fucking SUCKS BULLSHIT sorry ios/macos heads yall getting lossless only
+    // Use window.__IS_IOS__ (set before UA spoof in index.html) so detection works on real iOS.
+    const isIOS = typeof window !== 'undefined' && window.__IS_IOS__ === true;
     const ua = navigator.userAgent.toLowerCase();
-    const isIOS = /iphone|ipad|ipod/.test(ua) || (ua.includes('mac') && navigator.maxTouchPoints > 1);
     const isSafari =
         ua.includes('safari') && !ua.includes('chrome') && !ua.includes('crios') && !ua.includes('android');
 
diff --git a/js/audio-context.js b/js/audio-context.js
index 19ce703..ab6df0e 100644
--- a/js/audio-context.js
+++ b/js/audio-context.js
@@ -137,9 +137,9 @@ class AudioContextManager {
 
         // Detect iOS - skip Web Audio initialization on iOS to avoid lock screen audio issues
         // iOS suspends AudioContext when screen locks, and MediaSession controls don't count
-        // as user gestures to resume it, causing audio to play silently
-        const ua = navigator.userAgent.toLowerCase();
-        const isIOS = /iphone|ipad|ipod/.test(ua) || (ua.includes('mac') && navigator.maxTouchPoints > 1);
+        // as user gestures to resume it, causing audio to play silently.
+        // Use window.__IS_IOS__ (set before UA spoof in index.html) so detection works on real iOS.
+        const isIOS = typeof window !== 'undefined' && window.__IS_IOS__ === true;
         if (isIOS) {
             console.log('[AudioContext] Skipping Web Audio initialization on iOS for lock screen compatibility');
             // Don't set isInitialized - let it remain false so isReady() returns false
