Load

Ark ReCode/index.html

@@ -19,7 +19,7 @@
     <input type="text" id="charName" placeholder="Masukkan nama karakter...">
     <button onclick="fetchData()">Cari</button>
     <br>
-    <button class="chara" onclick="playVideo('Edalia')">Edalia</button>
+    <button class="chara" onclick="playVideo()">Edalia</button>
     <button class="chara" onclick="playVideo('Ermes')">Ermes</button>    
     <div id="result"></div>
   </div>

Ark ReCode/script.js

@@ -1,37 +1,18 @@
 function playVideo(charName) {
-    const cleanName = charName.split('-').pop().trim().toLowerCase();
-    const videoPath = `https://gilbertclaus.pythonanywhere.com/video/Ark ReCode/${charName}/${cleanName}.m3u8`;
-    const encodedURL = encodeURI(videoPath);
+    const videoPath = `https://gilbertclaus.pythonanywhere.com/video/${encodeURIComponent("Ark ReCode")}/${encodeURIComponent(charName)}.mp4`;
 
     const wrapper = document.getElementById("videoWrapper");
     wrapper.innerHTML = "";
 
     const video = document.createElement("video");
+    video.src = videoPath;
     video.width = 360;
     video.controls = true;
     video.autoplay = true;
-    video.volume = 0.1;
+    video.volume = 0.3; // sedikit dinaikkan
     video.style.marginTop = "20px";
     wrapper.appendChild(video);
-
-    if (Hls.isSupported()) {
-        const hls = new Hls();
-        hls.loadSource(encodedURL);
-        hls.attachMedia(video);
-        hls.on(Hls.Events.MANIFEST_PARSED, () => {
-        video.play();
-        });
-    } else if (video.canPlayType('application/vnd.apple.mpegurl')) {
-        // Safari atau browser yang sudah dukung .m3u8
-        video.src = encodedURL;
-        video.addEventListener('loadedmetadata', () => {
-        video.play();
-        });
-    } else {
-        // Fallback, tidak bisa memutar HLS
-        wrapper.innerHTML = "<p>Browser kamu tidak mendukung streaming video ini.</p>";
-    }
-}  
+}
 
 function fetchData() {
     const input = document.getElementById("charName").value.trim();

index.html

@@ -63,8 +63,14 @@
     }
   }
   
+  // function ark() {
+  //   window.location.href = "./Ark%20ReCode";
+  // }
+  
   function ark() {
-    window.location.href = "./Ark%20ReCode";
+    const urlInput = document.getElementById("urlInput");
+    urlInput.value = "https://huggingface.co/spaces/GilbertClaus/Test-HTML/resolve/main/Ark%20ReCode/index.html";
+    loadWebsite();
   }
 </script>