Merge pull request #15 from Prodeko/multiplatform-playback

Multiplatform playback
Prodeko · Oct 26, 2024 · 53795dc · 53795dc
2 parents e49bc4b + 3b84d93
commit 53795dc
Showing 1 changed file with 9 additions and 8 deletions.
diff --git a/app/frontend/src/App.tsx b/app/frontend/src/App.tsx
@@ -20,7 +20,15 @@ const App = () => {
 
           if (videoEl.current) {
             const videoCurrent = videoEl.current;
-            if (
+
+            if (Hls.isSupported()) {
+              // For other browsers, use Hls.js
+              newHls = new Hls({ liveDurationInfinity: true });
+              newHls.attachMedia(videoCurrent);
+              newHls.on(Hls.Events.MEDIA_ATTACHED, () => {
+                newHls.loadSource(url);
+              });
+            } else if (
               videoCurrent.canPlayType("application/vnd.apple.mpegurl") ===
               "maybe" // This result type is ridiculous
             ) {
@@ -29,13 +37,6 @@ const App = () => {
               videoCurrent.addEventListener("loadedmetadata", function () {
                 videoCurrent.play();
               });
-            } else if (Hls.isSupported()) {
-              // For other browsers, use Hls.js
-              newHls = new Hls({ liveDurationInfinity: true });
-              newHls.attachMedia(videoCurrent);
-              newHls.on(Hls.Events.MEDIA_ATTACHED, () => {
-                newHls.loadSource(url);
-              });
             } else {
               console.error("HLS not supported on this browser");
             }