Revert "feat: add audio playback functionality with caching"

This reverts commit e6d1d5d.

Author: dewanakl

js/app/guest/audio.js

@@ -1,5 +1,3 @@
-import { request, HTTP_GET } from '../../connection/request.js';
-
 export const audio = (() => {
 
     /**
@@ -12,11 +10,6 @@ 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>';
@@ -58,47 +51,22 @@ export const audio = (() => {
      */
     const init = () => {
         music = document.getElementById('button-music');
-        document.addEventListener('undangan.open', () => {
-            music.style.display = 'block';
-        });
+        music.style.display = 'block';
 
-        const url = music.getAttribute('data-url');
-        const mediaSource = new MediaSource();
-        audioEl = new Audio(URL.createObjectURL(mediaSource));
+        audioEl = new Audio(music.getAttribute('data-url'));
+        audioEl.volume = 1;
         audioEl.loop = true;
+        audioEl.muted = false;
+        audioEl.currentTime = 0;
         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);
-
-        mediaSource.addEventListener('sourceopen', async () => {
-            const sourceBuffer = mediaSource.addSourceBuffer('audio/mpeg');
-            const res = await request(HTTP_GET, url).default();
-            const reader = res.body.getReader();
-
-            const push = () => reader.read().then(({ value, done }) => {
-                if (done) {
-                    mediaSource.endOfStream();
-                    return;
-                }
-
-                sourceBuffer.appendBuffer(value.buffer);
-                sourceBuffer.addEventListener('updateend', push, { once: true });
-            });
-
-            push();
-        });
-
+        audioEl.addEventListener('canplay', play);
         music.addEventListener('offline', pause);
         music.addEventListener('click', () => isPlay ? pause() : play());
     };
 
     return {
         init,
-        play,
     };
 })();

js/app/guest/guest.js

@@ -127,15 +127,14 @@ export const guest = (() => {
      */
     const open = (button) => {
         button.disabled = true;
-        document.dispatchEvent(new Event('undangan.open'));
         document.body.scrollIntoView({ behavior: 'instant' });
 
         if (theme.isAutoMode()) {
             document.getElementById('button-theme').style.display = 'block';
         }
 
         slide();
-        audio.play();
+        audio.init();
         theme.spyTop();
 
         basicAnimation();
@@ -233,7 +232,6 @@ export const guest = (() => {
      * @returns {void}
      */
     const domLoaded = () => {
-        audio.init();
         offline.init();
         progress.init();
         information = storage('information');