rdkartono/BirdDeterrentSystem
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Trying using socket.io instead of websocket, because some device incompatibility

Browse Source
This commit is contained in:
rdkartono
2024-11-13 14:52:17 +07:00
parent 19da5914ac
commit 10fad0e192
6 changed files with 631 additions and 307 deletions
Download Patch File Download Diff File Expand all files Collapse all files

23
Html/html/index.html
View File

@@ -10,6 +10,7 @@
<script src="public/js/jquery-3.7.1.min.js"></script>
<script src="public/js/jquery.dataTables.min.js"></script>
<script src="public/js/all.min.js"></script>
<script src="public/js/socket.io.min.js"></script>
<link rel="stylesheet" href="public/style/all.min.css">
<script src="index.js"></script>
</head>
@@ -109,7 +110,7 @@
<div class="row">
<div class="col"></div>
<div class="col">
<a onmousedown="btn_up()" onmouseup="stop_movement()">
<a onmousedown="send_tilt_up()" onmouseup="send_stop_movement()">
<i class="btn-nav fa-solid fa-caret-up pad-top" title="Up"></i>
</a>
</div>
@@ -117,7 +118,7 @@
</div>
<div class="row">
<div class="col">
<a onmousedown="btn_left()" onmouseup="stop_movement()">
<a onmousedown="send_pan_left()" onmouseup="send_stop_movement()">
<i class="btn-nav fa-solid fa-caret-left pad-left" title="Left"></i>
</a>
</div>
@@ -127,7 +128,7 @@
</a>
</div>
<div class="col">
<a onmousedown="btn_right()" onmouseup="stop_movement()">
<a onmousedown="send_pan_right()" onmouseup="send_stop_movement()">
<i class="btn-nav fa-solid fa-caret-right pad-right" title="Right"></i>
</a>
</div>
@@ -135,7 +136,7 @@
<div class="row">
<div class="col"></div>
<div class="col">
<a onmousedown="btn_down()" onmouseup="stop_movement()">
<a onmousedown="send_tilt_down()" onmouseup="send_stop_movement()">
<i class="i btn-nav fa-solid fa-caret-down pad-bottom" title="Down"></i>
</a>
</div>
@@ -181,7 +182,7 @@
</a>
</div>
<br>
<p> Content 1</p>
<p id="desc_content1"> Content 1</p>
</div>
<div class="col">
@@ -194,7 +195,7 @@
</a>
</div>
<br>
<p> Content 2</p>
<p id="desc_content2"> Content 2</p>
</div>
<div class="col">
@@ -207,7 +208,7 @@
</a>
</div>
<br>
<p> Content 3</p>
<p id="desc_content3"> Content 3</p>
</div>
<div class="col">
@@ -220,7 +221,7 @@
</a>
</div>
<br>
<p> Content 4</p>
<p id="desc_content4"> Content 4</p>
</div>
<div class="col">
@@ -233,7 +234,7 @@
</a>
</div>
<br>
<p>Content 5</p>
<p id="desc_content5">Content 5</p>
</div>
</div>
<br>
@@ -247,10 +248,10 @@
</div>
<div class="col-2">
<div>
<button id="mute" class="btn-mute show" onclick="mute()" title="mute">
<button id="mute" class="btn-mute show" onclick="send_mute()" title="mute">
<i class="fa-solid fa-volume-high"></i>
</button>
<button id="unmute" class="btn-mute hide" onclick="unmute()" title="unmute">
<button id="unmute" class="btn-mute hide" onclick="send_unmute()" title="unmute">
<i class="fa-solid fa-volume-xmark"></i>
</button>
</div>