Mahayoga
/
MIF_E31231392
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

test websocket

This commit is contained in:
Mahayoga 2026-04-14 19:05:57 +07:00
parent 3b28a99dcf
commit 321216b7b3
1 changed files with 36 additions and 17 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

41
resources/views/user/pages/tutorial_tes/index.blade.php
View File

@ -120,6 +120,8 @@
<script> <script>
let getDataInterval = false; let getDataInterval = false;
let checkTobiiInterval = null; let checkTobiiInterval = null;
let tobiiConnectedStatus = true;
const ws = new WebSocket("ws://localhost:8080");
function showTutorial(step, tutorialId) { function showTutorial(step, tutorialId) {
$(`#${tutorialId}`).hide(); $(`#${tutorialId}`).hide();
@ -224,23 +226,30 @@ function copyLinkApiTobii() {
} }
function checkTobiiConnection() { function checkTobiiConnection() {
$.ajax({ // $.ajax({
url: '{{ route("tobii-receiver.show", ['tobii_receiver' => $data_session->id_test_sessions]) }}', // url: '{{ route("tobii-receiver.show", ['tobii_receiver' => $data_session->id_test_sessions]) }}',
method: 'GET', // method: 'GET',
success: function(response) { // success: function(response) {
if (response.connected) { // if (response.connected) {
// $('#status_tobii').text('Status Tobii: Terhubung').removeClass('text-danger').addClass('text-success');
// $('#next_btn_connect_tobii').show();
// } else {
// $('#status_tobii').text('Status Tobii: Tidak Terhubung').removeClass('text-success').addClass('text-danger');
// $('#next_btn_connect_tobii').hide();
// }
// },
// error: function() {
// $('#status_tobii').text('Status Tobii: Tidak Terhubung').removeClass('text-success').addClass('text-danger');
// $('#next_btn_connect_tobii').hide();
// }
// });
if(tobiiConnectedStatus) {
$('#status_tobii').text('Status Tobii: Terhubung').removeClass('text-danger').addClass('text-success'); $('#status_tobii').text('Status Tobii: Terhubung').removeClass('text-danger').addClass('text-success');
$('#next_btn_connect_tobii').show(); $('#next_btn_connect_tobii').show();
} else { } else {
$('#status_tobii').text('Status Tobii: Tidak Terhubung').removeClass('text-success').addClass('text-danger'); $('#status_tobii').text('Status Tobii: Tidak Terhubung').removeClass('text-success').addClass('text-danger');
$('#next_btn_connect_tobii').hide(); $('#next_btn_connect_tobii').hide();
} }
},
error: function() {
$('#status_tobii').text('Status Tobii: Tidak Terhubung').removeClass('text-success').addClass('text-danger');
$('#next_btn_connect_tobii').hide();
}
});
} }
async function fetchDataTobii() { async function fetchDataTobii() {
@ -263,6 +272,16 @@ function checkTobiiConnection() {
$('#calibration_point').hide(); $('#calibration_point').hide();
$('#show_calibration').hide(); $('#show_calibration').hide();
generateLinkApiTobii(); generateLinkApiTobii();
ws.onopen = () => {
console.log("Connected to WebSocket");
};
ws.onmessage = (event) => {
const data = JSON.parse(event.data);
console.log("DATA MASUK:", data);
moveTheEye(data.gaze_x, data.gaze_y);
};
}); });
</script> </script>