Commit 04/08/2025

2025-08-04 13:21:06 +07:00
parent 38882a2b72
commit 8290418100
7 changed files with 379 additions and 47 deletions
--- a/html/assets/js/prerecordedbroadcast.js
+++ b/html/assets/js/prerecordedbroadcast.js
@@ -0,0 +1,87 @@
+$(document).ready(function() {
+    // Your code here
+    console.log('precordedbroadcast.js is ready!');
+    const path = window.location.pathname;
+    const ws = new WebSocket('ws://' + window.location.host + path + '/ws');
+    for(let i = 1; i<=8; i++){
+        $(`#fileM${i}`).val('');
+        $(`#playM${i}`).prop('disabled', true);
+        $(`#stopM${i}`).prop('disabled', true);
+    }
+
+    ws.onopen = function() {
+        console.log('WebSocket connection opened');
+        $('#indicatorDisconnected').addClass('visually-hidden');
+        $('#indicatorConnected').removeClass('visually-hidden');
+
+        sendCommand({ command: "getMessageConfig" });
+        setInterval(function() {
+            sendCommand({ command: "getPlaybackStatus" });
+        }, 5000);
+    };
+
+    ws.onmessage = function(event) {
+        console.log('WebSocket message received:', event.data);
+        let msg = {};
+        try {
+            msg = JSON.parse(event.data);
+        } catch (e) {
+            return;
+        }
+        if (msg.reply === "getMessageConfig" && msg.data !== undefined) {
+           const messageConfigdata = msg.data;
+           console.log('Message Config Data:', messageConfigdata);
+           for(let i=1; i<=8; i++){
+            let filetitle = $(`#fileM${i}`);
+            let playButton = $(`#playM${i}`);
+            let stopButton = $(`#stopM${i}`);
+            let fileInput = messageConfigdata[`M${i}`] || '';
+            filetitle.val(fileInput);
+            if (fileInput.length>0){
+                playButton.prop('disabled', false);
+                stopButton.prop('disabled', false);
+                playButton.on('click', function() {
+                    let cmd = {
+                        command: "playMessage",
+                        data: `M${i}`
+                    }
+                    
+                    sendCommand(cmd);
+                });
+                stopButton.on('click', function() {
+                    let cmd = {
+                        command: "stopMessage",
+                        data: `M${i}`
+                    }
+                    sendCommand(cmd);
+                });
+            } else {
+                playButton.prop('disabled', true);
+                stopButton.prop('disabled', true);
+            }
+           }
+            
+        } else if (msg.reply === "getPlaybackStatus" && msg.data !== undefined && msg.data.length > 0) {
+            const playbackData = msg.data;
+            $('#playbackStatus').text(playbackData.status);
+        }
+    };
+
+    ws.onclose = function() {
+        console.log('WebSocket connection closed');
+        $('#indicatorDisconnected').removeClass('visually-hidden');
+        $('#indicatorConnected').addClass('visually-hidden');
+    };
+
+    ws.onerror = function(error) {
+        console.error('WebSocket error:', error);
+    };
+
+    function sendCommand(cmd) {
+        if (ws.readyState === WebSocket.OPEN) {
+            ws.send(cmd);
+        } else {
+            console.error('WebSocket is not open. Unable to send command:', JSON.stringify(cmd));
+        }
+    }
+});