Revert "refactor: simplify audio playback"

This reverts commit a43a634.

js/app/guest/audio.js

@@ -12,6 +12,11 @@ export const audio = (() => {
      */
     let audioEl = null;
 
+    /**
+     * @type {Promise<void>|null}
+     */
+    let canPlay = null;
+
     let isPlay = false;
 
     const statePlay = '<i class="fa-solid fa-circle-pause spin-button"></i>';
@@ -25,6 +30,8 @@ export const audio = (() => {
             return;
         }
 
+        await canPlay;
+
         music.disabled = true;
         try {
             await audioEl.play();
@@ -62,6 +69,8 @@ export const audio = (() => {
         audioEl.autoplay = false;
         audioEl.controls = false;
 
+        canPlay = new Promise((res) => audioEl.addEventListener('canplay', res, { once: true }));
+
         const context = new AudioContext();
         const source = context.createMediaElementSource(audioEl);
         source.connect(context.destination);
@@ -77,8 +86,8 @@ export const audio = (() => {
                     return;
                 }
 
-                sourceBuffer.addEventListener('updateend', push, { once: true });
                 sourceBuffer.appendBuffer(value.buffer);
+                sourceBuffer.addEventListener('updateend', push, { once: true });
             });
 
             push();