| 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/tv_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="tv_player_main_div">
<video id="tv_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_tv" onClick="tv_start_playing();" class="play_pause" />
<img src="main_icons/pause2.png" onClick="pause_playing_tv();" id="pause_now_tv" style="display:none;" class="play_pause" />
<!--button onClick="pause_playing();" id="pause_now" style="display:none;" >Pause</button-->
<div id="seekbar_out_tv" class="seekbar_out" >
<div id="seekbar_in_tv" class="seekbar_in" ></div>
<div class="seek_value_div" >
<div onClick="curr_seek_value_tv(1);" id="seekbar_value" class="seekbar_value" ></div>
<div onClick="curr_seek_value_tv(2);" id="seekbar_value" class="seekbar_value" ></div>
<div onClick="curr_seek_value_tv(3);" id="seekbar_value" class="seekbar_value" ></div>
<div onClick="curr_seek_value_tv(4);" id="seekbar_value" class="seekbar_value" ></div>
<div onClick="curr_seek_value_tv(5);" id="seekbar_value" class="seekbar_value" ></div>
<div onClick="curr_seek_value_tv(6);" id="seekbar_value" class="seekbar_value" ></div>
<div onClick="curr_seek_value_tv(7);" id="seekbar_value" class="seekbar_value" ></div>
<div onClick="curr_seek_value_tv(8);" id="seekbar_value" class="seekbar_value" ></div>
<div onClick="curr_seek_value_tv(9);" id="seekbar_value" class="seekbar_value" ></div>
<div onClick="curr_seek_value_tv(10);" id="seekbar_value" class="seekbar_value" ></div>
<div onClick="curr_seek_value_tv(11);" id="seekbar_value" class="seekbar_value" ></div>
<div onClick="curr_seek_value_tv(12);" id="seekbar_value" class="seekbar_value" ></div>
<div onClick="curr_seek_value_tv(13);" id="seekbar_value" class="seekbar_value" ></div>
<div onClick="curr_seek_value_tv(14);" id="seekbar_value" class="seekbar_value" ></div>
<div onClick="curr_seek_value_tv(15);" id="seekbar_value" class="seekbar_value" ></div>
<div onClick="curr_seek_value_tv(16);" id="seekbar_value" class="seekbar_value" ></div>
<div onClick="curr_seek_value_tv(17);" id="seekbar_value" class="seekbar_value" ></div>
<div onClick="curr_seek_value_tv(18);" id="seekbar_value" class="seekbar_value" ></div>
<div onClick="curr_seek_value_tv(19);" id="seekbar_value" class="seekbar_value" ></div>
<div onClick="curr_seek_value_tv(20);" id="seekbar_value" class="seekbar_value" ></div>
<div onClick="curr_seek_value_tv(21);" id="seekbar_value" class="seekbar_value" ></div>
<div onClick="curr_seek_value_tv(22);" id="seekbar_value" class="seekbar_value" ></div>
<div onClick="curr_seek_value_tv(23);" id="seekbar_value" class="seekbar_value" ></div>
<div onClick="curr_seek_value_tv(24);" id="seekbar_value" class="seekbar_value" ></div>
<div onClick="curr_seek_value_tv(25);" id="seekbar_value" class="seekbar_value" ></div>
<div onClick="curr_seek_value_tv(26);" id="seekbar_value" class="seekbar_value" ></div>
<div onClick="curr_seek_value_tv(27);" id="seekbar_value" class="seekbar_value" ></div>
<div onClick="curr_seek_value_tv(28);" id="seekbar_value" class="seekbar_value" ></div>
<div onClick="curr_seek_value_tv(29);" id="seekbar_value" class="seekbar_value" ></div>
<div onClick="curr_seek_value_tv(30);" id="seekbar_value" class="seekbar_value" ></div>
<div onClick="curr_seek_value_tv(31);" id="seekbar_value" class="seekbar_value" ></div>
<div onClick="curr_seek_value_tv(32);" id="seekbar_value" class="seekbar_value" ></div>
<div onClick="curr_seek_value_tv(33);" id="seekbar_value" class="seekbar_value" ></div>
<div onClick="curr_seek_value_tv(34);" id="seekbar_value" class="seekbar_value" ></div>
<div onClick="curr_seek_value_tv(35);" id="seekbar_value" class="seekbar_value" ></div>
<div onClick="curr_seek_value_tv(36);" id="seekbar_value" class="seekbar_value" ></div>
<div onClick="curr_seek_value_tv(37);" id="seekbar_value" class="seekbar_value" ></div>
<div onClick="curr_seek_value_tv(38);" id="seekbar_value" class="seekbar_value" ></div>
<div onClick="curr_seek_value_tv(39);" id="seekbar_value" class="seekbar_value" ></div>
<div onClick="curr_seek_value_tv(40);" id="seekbar_value" class="seekbar_value" ></div>
<div onClick="curr_seek_value_tv(41);" id="seekbar_value" class="seekbar_value" ></div>
<div onClick="curr_seek_value_tv(42);" id="seekbar_value" class="seekbar_value" ></div>
<div onClick="curr_seek_value_tv(43);" id="seekbar_value" class="seekbar_value" ></div>
<div onClick="curr_seek_value_tv(44);" id="seekbar_value" class="seekbar_value" ></div>
<div onClick="curr_seek_value_tv(45);" id="seekbar_value" class="seekbar_value" ></div>
<div onClick="curr_seek_value_tv(46);" id="seekbar_value" class="seekbar_value" ></div>
<div onClick="curr_seek_value_tv(47);" id="seekbar_value" class="seekbar_value" ></div>
<div onClick="curr_seek_value_tv(48);" id="seekbar_value" class="seekbar_value" ></div>
<div onClick="curr_seek_value_tv(49);" id="seekbar_value" class="seekbar_value" ></div>
<div onClick="curr_seek_value_tv(50);" id="seekbar_value" class="seekbar_value" ></div>
<div onClick="curr_seek_value_tv(51);" id="seekbar_value" class="seekbar_value" ></div>
<div onClick="curr_seek_value_tv(52);" id="seekbar_value" class="seekbar_value" ></div>
<div onClick="curr_seek_value_tv(53);" id="seekbar_value" class="seekbar_value" ></div>
<div onClick="curr_seek_value_tv(54);" id="seekbar_value" class="seekbar_value" ></div>
<div onClick="curr_seek_value_tv(55);" id="seekbar_value" class="seekbar_value" ></div>
<div onClick="curr_seek_value_tv(56);" id="seekbar_value" class="seekbar_value" ></div>
<div onClick="curr_seek_value_tv(57);" id="seekbar_value" class="seekbar_value" ></div>
<div onClick="curr_seek_value_tv(58);" id="seekbar_value" class="seekbar_value" ></div>
<div onClick="curr_seek_value_tv(59);" id="seekbar_value" class="seekbar_value" ></div>
<div onClick="curr_seek_value_tv(60);" id="seekbar_value" class="seekbar_value" ></div>
<div onClick="curr_seek_value_tv(61);" id="seekbar_value" class="seekbar_value" ></div>
<div onClick="curr_seek_value_tv(62);" id="seekbar_value" class="seekbar_value" ></div>
<div onClick="curr_seek_value_tv(63);" id="seekbar_value" class="seekbar_value" ></div>
<div onClick="curr_seek_value_tv(64);" id="seekbar_value" class="seekbar_value" ></div>
<div onClick="curr_seek_value_tv(65);" id="seekbar_value" class="seekbar_value" ></div>
<div onClick="curr_seek_value_tv(66);" id="seekbar_value" class="seekbar_value" ></div>
<div onClick="curr_seek_value_tv(67);" id="seekbar_value" class="seekbar_value" ></div>
<div onClick="curr_seek_value_tv(68);" id="seekbar_value" class="seekbar_value" ></div>
<div onClick="curr_seek_value_tv(69);" id="seekbar_value" class="seekbar_value" ></div>
<div onClick="curr_seek_value_tv(70);" id="seekbar_value" class="seekbar_value" ></div>
<div onClick="curr_seek_value_tv(71);" id="seekbar_value" class="seekbar_value" ></div>
<div onClick="curr_seek_value_tv(72);" id="seekbar_value" class="seekbar_value" ></div>
<div onClick="curr_seek_value_tv(73);" id="seekbar_value" class="seekbar_value" ></div>
<div onClick="curr_seek_value_tv(74);" id="seekbar_value" class="seekbar_value" ></div>
<div onClick="curr_seek_value_tv(75);" id="seekbar_value" class="seekbar_value" ></div>
<div onClick="curr_seek_value_tv(76);" id="seekbar_value" class="seekbar_value" ></div>
<div onClick="curr_seek_value_tv(77);" id="seekbar_value" class="seekbar_value" ></div>
<div onClick="curr_seek_value_tv(78);" id="seekbar_value" class="seekbar_value" ></div>
<div onClick="curr_seek_value_tv(79);" id="seekbar_value" class="seekbar_value" ></div>
<div onClick="curr_seek_vacurr_seek_value_tvlue(80);" id="seekbar_value" class="seekbar_value" ></div>
<div onClick="curr_seek_value_tv(81);" id="seekbar_value" class="seekbar_value" ></div>
<div onClick="curr_seek_value_tv(82);" id="seekbar_value" class="seekbar_value" ></div>
<div onClick="curr_seek_value_tv(83);" id="seekbar_value" class="seekbar_value" ></div>
<div onClick="curr_seek_value_tv(84);" id="seekbar_value" class="seekbar_value" ></div>
<div onClick="curr_seek_value_tv(85);" id="seekbar_value" class="seekbar_value" ></div>
<div onClick="curr_seek_value_tv(86);" id="seekbar_value" class="seekbar_value" ></div>
<div onClick="curr_seek_value_tv(87);" id="seekbar_value" class="seekbar_value" ></div>
<div onClick="curr_seek_value_tv(88);" id="seekbar_value" class="seekbar_value" ></div>
<div onClick="curr_seek_value_tv(89);" id="seekbar_value" class="seekbar_value" ></div>
<div onClick="curr_seek_value_tv(90);" id="seekbar_value" class="seekbar_value" ></div>
<div onClick="curr_seek_value_tv(91);" id="seekbar_value" class="seekbar_value" ></div>
<div onClick="curr_seek_value_tv(92);" id="seekbar_value" class="seekbar_value" ></div>
<div onClick="curr_seek_value_tv(93);" id="seekbar_value" class="seekbar_value" ></div>
<div onClick="curr_seek_value_tv(94);" id="seekbar_value" class="seekbar_value" ></div>
<div onClick="curr_seek_value_tv(95);" id="seekbar_value" class="seekbar_value" ></div>
<div onClick="curr_seek_value_tv(96);" id="seekbar_value" class="seekbar_value" ></div>
<div onClick="curr_seek_value_tv(97);" id="seekbar_value" class="seekbar_value" ></div>
<div onClick="curr_seek_value_tv(98);" id="seekbar_value" class="seekbar_value" ></div>
<div onClick="curr_seek_value_tv(99);" id="seekbar_value" class="seekbar_value" ></div>
<div onClick="curr_seek_value_tv(100);" id="seekbar_value" class="seekbar_value" ></div>
</div><!--end 0f seek_value_div-->
</div>
<div class="digital_label" ><span id="video_current_lebal_tv">0:00</span><span> / </span><span id="video_duration_lebal_tv">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_tv();" id="unmute_now_tv" style="display:none;" class="unmute_mute" />
<img src="main_icons/volume.png" onClick="mute_playing_tv();" id="mute_now_tv" stylek="display:none;" class="unmute_mute" />
<div class="volume_seekbar_out" >
<div id="volume_seekbar_in_tv" 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_tv(0.1);" id="seek_volume_value" class="seek_volume_value" ></div>
<div onClick="curr_volume_value_tv(0.2);" id="seek_volume_value" class="seek_volume_value" ></div>
<div onClick="curr_volume_value_tv(0.3);" id="seek_volume_value" class="seek_volume_value" ></div>
<div onClick="curr_volume_value_tv(0.4);" id="seek_volume_value" class="seek_volume_value" ></div>
<div onClick="curr_volume_value_tv(0.5);" id="seek_volume_value" class="seek_volume_value" ></div>
<div onClick="curr_volume_value_tv(0.6);" id="seek_volume_value" class="seek_volume_value" ></div>
<div onClick="curr_volume_value_tv(0.7);" id="seek_volume_value" class="seek_volume_value" ></div>
<div onClick="curr_volume_value_tv(0.8);" id="seek_volume_value" class="seek_volume_value" ></div>
<div onClick="curr_volume_value_tv(0.9);" id="seek_volume_value" class="seek_volume_value" ></div>
<div onClick="curr_volume_value_tv(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 class="tv_tips_div" >UP NEXT ON MS TV</div>
<button onClick="save_current_duratin();" >Current D</button>
</div><!-- end of tv_player_main_div-->
<div id="katende" ></div>
<script>
var vid_playing_tv = document.getElementById('tv_playing_video');
var vid_duration_lebal_tv = document.getElementById('video_duration_lebal_tv');
var vid_current_lebal_tv = document.getElementById('video_current_lebal_tv');
function tv_start_playing()
{
my_id = document.getElementById('my_id').value;
xmlhttp = new XMLHttpRequest();
xmlhttp.open("GET","auto_page.php?my_id="+my_id+"&&status=get_video_current_position",false);
xmlhttp.send(null);
var current_vid_position = xmlhttp.responseText;
vid_playing_tv.currentTime = current_vid_position;
//current_vid_position = document.getElementById('katende').innerHTML =xmlhttp.responseText;
//alert(current_vid_position);
vid_playing_tv.play();
document.getElementById('play_now_tv').style.display="none";
document.getElementById('pause_now_tv').style.display="block";
setTimeout(function(){ hide_controls(); }, 3000);
seekbar = document.getElementById('seekbar_out_tv'); //style.width;
seekbar_curr = document.getElementById('seekbar_value').innerHTML;
/*vid_playing_tv.addEventListener('timeupdate', function(){
vid_duration = vid_playing_tv.duration;
vid_curr_duration = vid_playing_tv.currentTime;
vid_dur_percentage = (vid_curr_duration / vid_duration * 100);
document.getElementById('seekbar_in_tv').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_tv.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_tv.innerHTML = min_dur+":"+sec_dur;
});*/
}
//katende();
function katende()
{
my_id = document.getElementById('my_id').value;
xmlhttp = new XMLHttpRequest();
xmlhttp.open("GET","auto_page.php?my_id="+my_id+"&&status=get_video_current_position",false);
xmlhttp.send(null);
// var current_vid_position = xmlhttp.responseText;
//vid_playing_tv.currentTime = current_vid_position;
current_vid_position = document.getElementById('katende').innerHTML =xmlhttp.responseText;
alert(current_vid_position);
}
function curr_seek_value_tv(csvt)
{
var seek_value_tv = csvt;
vid_playing_tv.currentTime = vid_playing_tv.duration * seek_value_tv / 100;
}
function pause_playing_tv()
{
vid_playing_tv.pause();
document.getElementById('pause_now_tv').style.display="none";
document.getElementById('play_now_tv').style.display="block";
//alert(video_playing);
}
function mute_playing_tv()
{
vid_playing_tv.muted=true;
document.getElementById('unmute_now_tv').style.display="block";
document.getElementById('mute_now_tv').style.display="none";
}
function unmute_playing_tv()
{
vid_playing_tv.muted=false;
document.getElementById('unmute_now_tv').style.display="none";
document.getElementById('mute_now_tv').style.display="block";
}
function curr_volume_value_tv(cvvt)
{
volume_value_tv =cvvt;
vid_playing_tv.volume = volume_value_tv;
//document.getElementById('volume_seekbar_in').style.width=volume_value;
volume_percentage = (volume_value_tv / 1 * 100);
document.getElementById('volume_seekbar_in_tv').style.width = volume_percentage+"%";
//alert(volume_percentage);
}
function go_full_screen(){
if(vid_playing_tv.requestFullScreen){
vid_playing_tv.requestFullScreen();
} else if(vid_playing_tv.webkitRequestFullScreen){
vid_playing_tv.webkitRequestFullScreen();
} else if(vid_playing_tv.mozRequestFullScreen){
vid_playing_tv.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";
}
function save_current_duratin()
{
my_id = document.getElementById('my_id').value;
xmlhttp = new XMLHttpRequest();
xmlhttp.open("GET","auto_page.php?vid_dur_percentage="+vid_dur_percentage+"&&my_id="+my_id+"&&status=insert_curr_vid_duration",false);
xmlhttp.send(null);
alert(vid_dur_percentage);
}
</script>
</body>
</html>