Create script.js

public/script.js

@@ -0,0 +1,56 @@
+function changeChannel(channel) {
+    document.getElementById("channelName").textContent = `Channel ${channel}`;
+    document.getElementById("currentShow").textContent = `Now Playing: Loading...`;
+
+    const video = document.getElementById("tvPlayer");
+    const streamUrl = `/hls/${channel}/index.m3u8`;
+
+    if (Hls.isSupported()) {
+        const hls = new Hls();
+        hls.loadSource(streamUrl);
+        hls.attachMedia(video);
+        hls.on(Hls.Events.MANIFEST_PARSED, () => {
+            video.play();
+            document.getElementById("currentShow").textContent = `Now Playing: Channel ${channel}`;
+        });
+    } else if (video.canPlayType("application/vnd.apple.mpegurl")) {
+        video.src = streamUrl;
+        video.addEventListener("loadedmetadata", () => {
+            video.play();
+            document.getElementById("currentShow").textContent = `Now Playing: Channel ${channel}`;
+        });
+    }
+}
+
+function togglePlay() {
+    const video = document.getElementById("tvPlayer");
+    if (video.paused) {
+        video.play();
+    } else {
+        video.pause();
+    }
+}
+
+function toggleFullscreen() {
+    const video = document.getElementById("tvPlayer");
+    if (video.requestFullscreen) {
+        video.requestFullscreen();
+    } else if (video.mozRequestFullScreen) {
+        video.mozRequestFullScreen();
+    } else if (video.webkitRequestFullscreen) {
+        video.webkitRequestFullscreen();
+    } else if (video.msRequestFullscreen) {
+        video.msRequestFullscreen();
+    }
+}
+
+function toggleMute() {
+    const video = document.getElementById("tvPlayer");
+    video.muted = !video.muted;
+    document.getElementById("muteBtn").textContent = video.muted ? "🔇 Unmute" : "🔊 Mute";
+}
+
+// Set default channel on page load
+window.onload = () => {
+    changeChannel(1);
+};