| Server IP : 127.0.0.1 / Your IP : 216.73.216.48 Web Server : Apache/2.4.58 (Win64) OpenSSL/3.1.3 PHP/8.2.12 System : Windows NT DESKTOP-3H4FHQJ 10.0 build 19045 (Windows 10) AMD64 User : win 10 ( 0) PHP Version : 8.2.12 Disable Function : NONE MySQL : OFF | cURL : ON | WGET : OFF | Perl : OFF | Python : OFF | Sudo : OFF | Pkexec : OFF Directory : D:/xamppkk/htdocs-coblaa/social/ |
Upload File : |
<html>
<?php
include('db.php');
session_start();
?>
<head>
<title>sparkle.com</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" type="text/css" href="main_css/player.css" />
</head>
<body >
<?php
if(isset($_SESSION['id']))
{
$my_id = $_SESSION['id'];
}
?>
<input type="text" id="my_id" value="<?php echo"$my_id";?>" style="display:none;" />
<?php
$user_ip = getenv('REMOTE_ADDR');
$geo = unserialize(file_get_contents("http://www.geoplugin.net/php.gp?ip=$user_ip"));
$city = $geo["geoplugin_city"];
$country = $geo["geoplugin_countryName"];
//echo" mmm $user_ip";
?>
<input type="text" id="user_ip" value="<?php echo"$user_ip";?>" style="display:none;" />
<input type="text" id="user_city" value="<?php echo"$city";?>" style="display:none;" />
<input type="text" id="user_country" value="<?php echo"$country";?>" style="display:none;" />
<div class="home_header_area" >
<div class="home_main_title" >Sparkle light</div>
<!--a href="upload_kvt.php" ><button >Upload</button></a-->
<div class="menu_area_helping_div">
<img onClick="show_menu_area();" id="main_menu_icon_mob" src="main_icons/menu_icon.png" class="main_menu_icon_mob" />
<img onClick="close_menu_area();" id="cancel_menu_icon" src="main_icons/cancel_menu_icon.png" class="cancel_menu_icon" />
</div>
</div>
<div class="home_header_postion"></div>
<div class="player_main_div">
<video id="playing_video" onClick="show_controls();" onmouseenter="show_controls();" onmouseleavek="hide_controls();" class="playing_video" >
<source src="post_videos/113237567.mp4" type="video/mp4">
<source src="post_videos113237567.mp4" type="video/ogg">
Your browser does not support the video tag.
</video>
<div id="control_div" class="control_div">
<!--button onClick="start_playing();" id="play_now" >Play</button-->
<img src="main_icons/play2.png" id="play_now" onClick="start_playing();" class="play_pause" />
<img src="main_icons/pause2.png" onClick="pause_playing();" id="pause_now" style="display:none;" class="play_pause" />
<!--button onClick="pause_playing();" id="pause_now" style="display:none;" >Pause</button-->
<div id="seekbar_out" class="seekbar_out" >
<div id="seekbar_in" class="seekbar_in" ></div>
<div class="seek_value_div" >
<div onClick="curr_seek_value(1);" id="seekbar_value" class="seekbar_value" ></div>
<div onClick="curr_seek_value(2);" id="seekbar_value" class="seekbar_value" ></div>
<div onClick="curr_seek_value(3);" id="seekbar_value" class="seekbar_value" ></div>
<div onClick="curr_seek_value(4);" id="seekbar_value" class="seekbar_value" ></div>
<div onClick="curr_seek_value(5);" id="seekbar_value" class="seekbar_value" ></div>
<div onClick="curr_seek_value(6);" id="seekbar_value" class="seekbar_value" ></div>
<div onClick="curr_seek_value(7);" id="seekbar_value" class="seekbar_value" ></div>
<div onClick="curr_seek_value(8);" id="seekbar_value" class="seekbar_value" ></div>
<div onClick="curr_seek_value(9);" id="seekbar_value" class="seekbar_value" ></div>
<div onClick="curr_seek_value(10);" id="seekbar_value" class="seekbar_value" ></div>
<div onClick="curr_seek_value(11);" id="seekbar_value" class="seekbar_value" ></div>
<div onClick="curr_seek_value(12);" id="seekbar_value" class="seekbar_value" ></div>
<div onClick="curr_seek_value(13);" id="seekbar_value" class="seekbar_value" ></div>
<div onClick="curr_seek_value(14);" id="seekbar_value" class="seekbar_value" ></div>
<div onClick="curr_seek_value(15);" id="seekbar_value" class="seekbar_value" ></div>
<div onClick="curr_seek_value(16);" id="seekbar_value" class="seekbar_value" ></div>
<div onClick="curr_seek_value(17);" id="seekbar_value" class="seekbar_value" ></div>
<div onClick="curr_seek_value(18);" id="seekbar_value" class="seekbar_value" ></div>
<div onClick="curr_seek_value(19);" id="seekbar_value" class="seekbar_value" ></div>
<div onClick="curr_seek_value(20);" id="seekbar_value" class="seekbar_value" ></div>
<div onClick="curr_seek_value(21);" id="seekbar_value" class="seekbar_value" ></div>
<div onClick="curr_seek_value(22);" id="seekbar_value" class="seekbar_value" ></div>
<div onClick="curr_seek_value(23);" id="seekbar_value" class="seekbar_value" ></div>
<div onClick="curr_seek_value(24);" id="seekbar_value" class="seekbar_value" ></div>
<div onClick="curr_seek_value(25);" id="seekbar_value" class="seekbar_value" ></div>
<div onClick="curr_seek_value(26);" id="seekbar_value" class="seekbar_value" ></div>
<div onClick="curr_seek_value(27);" id="seekbar_value" class="seekbar_value" ></div>
<div onClick="curr_seek_value(28);" id="seekbar_value" class="seekbar_value" ></div>
<div onClick="curr_seek_value(29);" id="seekbar_value" class="seekbar_value" ></div>
<div onClick="curr_seek_value(30);" id="seekbar_value" class="seekbar_value" ></div>
<div onClick="curr_seek_value(31);" id="seekbar_value" class="seekbar_value" ></div>
<div onClick="curr_seek_value(32);" id="seekbar_value" class="seekbar_value" ></div>
<div onClick="curr_seek_value(33);" id="seekbar_value" class="seekbar_value" ></div>
<div onClick="curr_seek_value(34);" id="seekbar_value" class="seekbar_value" ></div>
<div onClick="curr_seek_value(35);" id="seekbar_value" class="seekbar_value" ></div>
<div onClick="curr_seek_value(36);" id="seekbar_value" class="seekbar_value" ></div>
<div onClick="curr_seek_value(37);" id="seekbar_value" class="seekbar_value" ></div>
<div onClick="curr_seek_value(38);" id="seekbar_value" class="seekbar_value" ></div>
<div onClick="curr_seek_value(39);" id="seekbar_value" class="seekbar_value" ></div>
<div onClick="curr_seek_value(40);" id="seekbar_value" class="seekbar_value" ></div>
<div onClick="curr_seek_value(41);" id="seekbar_value" class="seekbar_value" ></div>
<div onClick="curr_seek_value(42);" id="seekbar_value" class="seekbar_value" ></div>
<div onClick="curr_seek_value(43);" id="seekbar_value" class="seekbar_value" ></div>
<div onClick="curr_seek_value(44);" id="seekbar_value" class="seekbar_value" ></div>
<div onClick="curr_seek_value(45);" id="seekbar_value" class="seekbar_value" ></div>
<div onClick="curr_seek_value(46);" id="seekbar_value" class="seekbar_value" ></div>
<div onClick="curr_seek_value(47);" id="seekbar_value" class="seekbar_value" ></div>
<div onClick="curr_seek_value(48);" id="seekbar_value" class="seekbar_value" ></div>
<div onClick="curr_seek_value(49);" id="seekbar_value" class="seekbar_value" ></div>
<div onClick="curr_seek_value(50);" id="seekbar_value" class="seekbar_value" ></div>
<div onClick="curr_seek_value(51);" id="seekbar_value" class="seekbar_value" ></div>
<div onClick="curr_seek_value(52);" id="seekbar_value" class="seekbar_value" ></div>
<div onClick="curr_seek_value(53);" id="seekbar_value" class="seekbar_value" ></div>
<div onClick="curr_seek_value(54);" id="seekbar_value" class="seekbar_value" ></div>
<div onClick="curr_seek_value(55);" id="seekbar_value" class="seekbar_value" ></div>
<div onClick="curr_seek_value(56);" id="seekbar_value" class="seekbar_value" ></div>
<div onClick="curr_seek_value(57);" id="seekbar_value" class="seekbar_value" ></div>
<div onClick="curr_seek_value(58);" id="seekbar_value" class="seekbar_value" ></div>
<div onClick="curr_seek_value(59);" id="seekbar_value" class="seekbar_value" ></div>
<div onClick="curr_seek_value(60);" id="seekbar_value" class="seekbar_value" ></div>
<div onClick="curr_seek_value(61);" id="seekbar_value" class="seekbar_value" ></div>
<div onClick="curr_seek_value(62);" id="seekbar_value" class="seekbar_value" ></div>
<div onClick="curr_seek_value(63);" id="seekbar_value" class="seekbar_value" ></div>
<div onClick="curr_seek_value(64);" id="seekbar_value" class="seekbar_value" ></div>
<div onClick="curr_seek_value(65);" id="seekbar_value" class="seekbar_value" ></div>
<div onClick="curr_seek_value(66);" id="seekbar_value" class="seekbar_value" ></div>
<div onClick="curr_seek_value(67);" id="seekbar_value" class="seekbar_value" ></div>
<div onClick="curr_seek_value(68);" id="seekbar_value" class="seekbar_value" ></div>
<div onClick="curr_seek_value(69);" id="seekbar_value" class="seekbar_value" ></div>
<div onClick="curr_seek_value(70);" id="seekbar_value" class="seekbar_value" ></div>
<div onClick="curr_seek_value(71);" id="seekbar_value" class="seekbar_value" ></div>
<div onClick="curr_seek_value(72);" id="seekbar_value" class="seekbar_value" ></div>
<div onClick="curr_seek_value(73);" id="seekbar_value" class="seekbar_value" ></div>
<div onClick="curr_seek_value(74);" id="seekbar_value" class="seekbar_value" ></div>
<div onClick="curr_seek_value(75);" id="seekbar_value" class="seekbar_value" ></div>
<div onClick="curr_seek_value(76);" id="seekbar_value" class="seekbar_value" ></div>
<div onClick="curr_seek_value(77);" id="seekbar_value" class="seekbar_value" ></div>
<div onClick="curr_seek_value(78);" id="seekbar_value" class="seekbar_value" ></div>
<div onClick="curr_seek_value(79);" id="seekbar_value" class="seekbar_value" ></div>
<div onClick="curr_seek_value(80);" id="seekbar_value" class="seekbar_value" ></div>
<div onClick="curr_seek_value(81);" id="seekbar_value" class="seekbar_value" ></div>
<div onClick="curr_seek_value(82);" id="seekbar_value" class="seekbar_value" ></div>
<div onClick="curr_seek_value(83);" id="seekbar_value" class="seekbar_value" ></div>
<div onClick="curr_seek_value(84);" id="seekbar_value" class="seekbar_value" ></div>
<div onClick="curr_seek_value(85);" id="seekbar_value" class="seekbar_value" ></div>
<div onClick="curr_seek_value(86);" id="seekbar_value" class="seekbar_value" ></div>
<div onClick="curr_seek_value(87);" id="seekbar_value" class="seekbar_value" ></div>
<div onClick="curr_seek_value(88);" id="seekbar_value" class="seekbar_value" ></div>
<div onClick="curr_seek_value(89);" id="seekbar_value" class="seekbar_value" ></div>
<div onClick="curr_seek_value(90);" id="seekbar_value" class="seekbar_value" ></div>
<div onClick="curr_seek_value(91);" id="seekbar_value" class="seekbar_value" ></div>
<div onClick="curr_seek_value(92);" id="seekbar_value" class="seekbar_value" ></div>
<div onClick="curr_seek_value(93);" id="seekbar_value" class="seekbar_value" ></div>
<div onClick="curr_seek_value(94);" id="seekbar_value" class="seekbar_value" ></div>
<div onClick="curr_seek_value(95);" id="seekbar_value" class="seekbar_value" ></div>
<div onClick="curr_seek_value(96);" id="seekbar_value" class="seekbar_value" ></div>
<div onClick="curr_seek_value(97);" id="seekbar_value" class="seekbar_value" ></div>
<div onClick="curr_seek_value(98);" id="seekbar_value" class="seekbar_value" ></div>
<div onClick="curr_seek_value(99);" id="seekbar_value" class="seekbar_value" ></div>
<div onClick="curr_seek_value(100);" id="seekbar_value" class="seekbar_value" ></div>
</div><!--end 0f seek_value_div-->
</div>
<div class="digital_label" ><span id="video_current_lebal">0:00</span><span> / </span><span id="video_duration_lebal">0:00</span></div>
<!--button onClick="mute_playing();" id="play_now" >Mute</button>
<button onClick="unmute_playing();" id="pause_now" >Unmute</button-->
<img src="main_icons/mute.png" onClick="unmute_playing();" id="unmute_now" style="display:none;" class="unmute_mute" />
<img src="main_icons/volume.png" onClick="mute_playing();" id="mute_now" stylek="display:none;" class="unmute_mute" />
<div class="volume_seekbar_out" >
<div id="volume_seekbar_in" class="volume_seekbar_in" ></div>
<div class="volume_seek_value">
<!--div onClick="curr_volume_value(0.0);" id="seek_volume_value" class="seek_volume_value" ></div>
<div onClick="curr_volume_value(0.01);" id="seek_volume_value" class="seek_volume_value" ></div>
<div onClick="curr_volume_value(0.02);" id="seek_volume_value" class="seek_volume_value" ></div>
<div onClick="curr_volume_value(0.03);" id="seek_volume_value" class="seek_volume_value" ></div>
<div onClick="curr_volume_value(0.04);" id="seek_volume_value" class="seek_volume_value" ></div>
<div onClick="curr_volume_value(0.05);" id="seek_volume_value" class="seek_volume_value" ></div>
<div onClick="curr_volume_value(0.06);" id="seek_volume_value" class="seek_volume_value" ></div>
<div onClick="curr_volume_value(0.07);" id="seek_volume_value" class="seek_volume_value" ></div>
<div onClick="curr_volume_value(0.08);" id="seek_volume_value" class="seek_volume_value" ></div>
<div onClick="curr_volume_value(0.09);" id="seek_volume_value" class="seek_volume_value" ></div-->
<div onClick="curr_volume_value(0.1);" id="seek_volume_value" class="seek_volume_value" ></div>
<div onClick="curr_volume_value(0.2);" id="seek_volume_value" class="seek_volume_value" ></div>
<div onClick="curr_volume_value(0.3);" id="seek_volume_value" class="seek_volume_value" ></div>
<div onClick="curr_volume_value(0.4);" id="seek_volume_value" class="seek_volume_value" ></div>
<div onClick="curr_volume_value(0.5);" id="seek_volume_value" class="seek_volume_value" ></div>
<div onClick="curr_volume_value(0.6);" id="seek_volume_value" class="seek_volume_value" ></div>
<div onClick="curr_volume_value(0.7);" id="seek_volume_value" class="seek_volume_value" ></div>
<div onClick="curr_volume_value(0.8);" id="seek_volume_value" class="seek_volume_value" ></div>
<div onClick="curr_volume_value(0.9);" id="seek_volume_value" class="seek_volume_value" ></div>
<div onClick="curr_volume_value(1.0);" id="seek_volume_value" class="seek_volume_value" ></div>
</div>
</div>
<img src="main_icons/gofull.png" onClick="go_full_screen();" id="mute_now" stylek="display:none;" class="full_screen_exit_btn" />
<img src="main_icons/exitf2.png" onClick="mute_playing();" id="mute_now" style="display:none;" class="full_screen_exit_btn" />
</div><!--end of control_div-->
</div><!-- end of player_main_div-->
<script>
var vid_playing = document.getElementById('playing_video');
var vid_duration_lebal = document.getElementById('video_duration_lebal');
var vid_current_lebal = document.getElementById('video_current_lebal');
function start_playing()
{
vid_playing.play();
document.getElementById('play_now').style.display="none";
document.getElementById('pause_now').style.display="block";
setTimeout(function(){ hide_controls(); }, 3000);
seekbar = document.getElementById('seekbar_out'); //style.width;
seekbar_curr = document.getElementById('seekbar_value').innerHTML;
vid_playing.addEventListener('timeupdate', function(){
vid_duration = vid_playing.duration;
vid_curr_duration = vid_playing.currentTime;
vid_dur_percentage = (vid_curr_duration / vid_duration * 100);
document.getElementById('seekbar_in').style.width = vid_dur_percentage+"%";
var min_cur = Math.floor(vid_curr_duration /60);
var sec_cur = Math.floor(vid_curr_duration - min_cur * 60);
vid_current_lebal.innerHTML = min_cur+":"+sec_cur;
var min_dur = Math.floor(vid_duration /60);
var sec_dur = Math.floor(vid_duration - min_dur * 60);
vid_duration_lebal.innerHTML = min_dur+":"+sec_dur;
});
//seekbar.addEventListener('click', function(){
// video.currentTime = vid_duration * seekbar.value / seekbar.max
//alert(seekbar_curr);
//});
}
function curr_seek_value(csv)
{ seek_value =csv;
vid_playing.currentTime = vid_playing.duration * seek_value / 100;
//alert(myman);
}
function pause_playing()
{
vid_playing.pause();
document.getElementById('pause_now').style.display="none";
document.getElementById('play_now').style.display="block";
//alert(video_playing);
}
function mute_playing()
{
vid_playing.muted=true;
document.getElementById('unmute_now').style.display="block";
document.getElementById('mute_now').style.display="none";
}
function unmute_playing()
{
vid_playing.muted=false;
document.getElementById('unmute_now').style.display="none";
document.getElementById('mute_now').style.display="block";
}
function curr_volume_value(cvv)
{
volume_value =cvv;
vid_playing.volume = volume_value;
//document.getElementById('volume_seekbar_in').style.width=volume_value;
volume_percentage = (volume_value / 1 * 100);
document.getElementById('volume_seekbar_in').style.width = volume_percentage+"%";
//alert(volume_percentage);
}
function go_full_screen(){
if(vid_playing.requestFullScreen){
vid_playing.requestFullScreen();
} else if(vid_playing.webkitRequestFullScreen){
vid_playing.webkitRequestFullScreen();
} else if(vid_playing.mozRequestFullScreen){
vid_playing.mozRequestFullScreen();
}
}
function show_controls()
{
document.getElementById('control_div').style.display="block";
setTimeout(function(){ hide_controls(); }, 5000);
}
function hide_controls()
{
document.getElementById('control_div').style.display="none";
}
</script>
</body>
</html>