From 7874e80b9d5a5b7d441515b39113f5c8f873779b Mon Sep 17 00:00:00 2001
From: Henry Orozco <alangumer@gmail.com>
Date: Tue, 14 Jan 2025 12:10:17 -0600
Subject: [PATCH] fix: media player freeze on Google chrome

---
 package-lock.json                               | 14 +++++++-------
 src/components/templates/andPlaybackContext.tsx |  5 +++++
 2 files changed, 12 insertions(+), 7 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index cc17004d9..ede5cfca6 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -4782,15 +4782,15 @@
             "dev": true
         },
         "node_modules/@graphql-tools/utils": {
-            "version": "10.6.4",
-            "resolved": "https://registry.npmjs.org/@graphql-tools/utils/-/utils-10.6.4.tgz",
-            "integrity": "sha512-itCgjwVxbO+3uI/K73G9heedG8KelNFzgn368rUhPjTrkJX6NyLQwT5EMq/A8tvazMXyJYdtnN5nD+tT4DUpbQ==",
+            "version": "10.7.2",
+            "resolved": "https://registry.npmjs.org/@graphql-tools/utils/-/utils-10.7.2.tgz",
+            "integrity": "sha512-Wn85S+hfkzfVFpXVrQ0hjnePa3p28aB6IdAGCiD1SqBCSMDRzL+OFEtyAyb30nV9Mqflqs9lCqjqlR2puG857Q==",
             "dev": true,
             "license": "MIT",
             "dependencies": {
                 "@graphql-typed-document-node/core": "^3.1.1",
                 "cross-inspect": "1.0.1",
-                "dset": "^3.1.2",
+                "dset": "^3.1.4",
                 "tslib": "^2.4.0"
             },
             "engines": {
@@ -11205,9 +11205,9 @@
             }
         },
         "node_modules/caniuse-lite": {
-            "version": "1.0.30001690",
-            "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001690.tgz",
-            "integrity": "sha512-5ExiE3qQN6oF8Clf8ifIDcMRCRE/dMGcETG/XGMD8/XiXm6HXQgQTh1yZYLXXpSOsEUlJm1Xr7kGULZTuGtP/w==",
+            "version": "1.0.30001692",
+            "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001692.tgz",
+            "integrity": "sha512-A95VKan0kdtrsnMubMKxEKUKImOPSuCpYgxSQBo036P5YYgVIcOYJEgt/txJWqObiRQeISNCfef9nvlQ0vbV7A==",
             "funding": [
                 {
                     "type": "opencollective",
diff --git a/src/components/templates/andPlaybackContext.tsx b/src/components/templates/andPlaybackContext.tsx
index 38e9ff5dd..7b3af79a1 100644
--- a/src/components/templates/andPlaybackContext.tsx
+++ b/src/components/templates/andPlaybackContext.tsx
@@ -480,6 +480,11 @@ export default function AndPlaybackContext({
 						addButtonToControlBar: true, // Use custom designed button
 					},
 				},
+				html5: {
+					audio: {
+						nativeAudioTracks: true,
+					},
+				},
 			};
 
 			if (playerRef.current) {