fix: #79 BUG while changing between stations (Mozilla)

radio-crestin · Feb 19, 2023 · 252467b · 252467b · vercel · Feb 19, 2023
1 parent 9406df8
commit 252467b
Showing 1 changed file with 14 additions and 6 deletions.
diff --git a/frontend/components/StationPlayer.tsx b/frontend/components/StationPlayer.tsx
@@ -60,10 +60,21 @@ export default function StationPlayer({stations}: any) {
       audio.src = hls_stream_url;
     }
 
+    hls.on(Hls.Events.AUDIO_TRACK_LOADING, function () {
+      setPlaybackState(PLAYBACK_STATE.BUFFERING);
+    });
+
     hls.on(Hls.Events.MANIFEST_PARSED, () => {
-      audio.play().catch(() => {
-        setPlaybackState(PLAYBACK_STATE.STOPPED);
-      });
+      setPlaybackState(PLAYBACK_STATE.BUFFERING);
+      audio.addEventListener(
+        'canplaythrough',
+        function () {
+          audio.play().catch(() => {
+            setPlaybackState(PLAYBACK_STATE.STOPPED);
+          });
+        },
+        {once: true},
+      );
     });
 
     hls.on(Hls.Events.ERROR, function (event, data) {
@@ -374,9 +385,6 @@ export default function StationPlayer({stations}: any) {
               onWaiting={() => {
                 setPlaybackState(PLAYBACK_STATE.BUFFERING);
               }}
-              onLoadedData={() => {
-                setPlaybackState(PLAYBACK_STATE.STOPPED);
-              }}
               onError={() => {
                 retryMechanism();
               }}