ar(feat) DPCP-31: Audio Player

dreampipcom · Aug 4, 2024 · f810b76 · f810b76
1 parent 0286c1a
commit f810b76
Showing 1 changed file with 13 additions and 10 deletions.
diff --git a/src/molecules/02_AudioPlayer/AudioPlayer.tsx b/src/molecules/02_AudioPlayer/AudioPlayer.tsx
@@ -103,17 +103,20 @@ export const HAudioPlayer = function ({
 
   useEffect(() => {
     const element = audioElement.current;
-    const handlePlay = handleStatus('playing', {
-      title: element.getAttribute('data-title') || prompt,
-    });
-    const handleStop = handleStatus('stopped', {});
-    element.addEventListener('play', handlePlay);
-    element.addEventListener('ended', handleStop);
+    if (element) {
+      const handlePlay = handleStatus('playing', {
+        title: element.getAttribute('data-title') || prompt,
+      });
+      const handleStop = handleStatus('stopped', {});
+      element.addEventListener('play', handlePlay);
+      element.addEventListener('ended', handleStop);
 
-    return () => {
-      element.removeEventListener('play', handlePlay);
-      element.removeEventListener('ended', handleStop);
-    };
+      return () => {
+        element.removeEventListener('play', handlePlay);
+        element.removeEventListener('ended', handleStop);
+      };
+    }
+    return () => {};
   }, [status]);
 
   return (