add heartbeat and 404

5 years ago · cac539c20f
parent 2b1ed4fb96
commit cac539c20f
9 changed files with 73 additions and 356 deletions
--- a/404.php
+++ b/404.php
@ -1,354 +1,8 @@
-<!doctype html>
-<html>
-<head>
-<meta charset="utf-8">
-<title>404错误!未找到您访问的页面！</title>
+<?php
+include './functions.php';

-<style>
-body {
-  background: #000;
-  height: 100vh;
-  overflow: hidden;
-  display: flex;
-  font-family: 'Anton', sans-serif;
-  justify-content: center;
-  align-items: center;
-  -webkit-perspective: 1000px;
-          perspective: 1000px;
-}
+session_start();

-div {
-  -webkit-transform-style: preserve-3d;
-          transform-style: preserve-3d;
-}
+db__pushData(db__connect(),"error",array("code"=>404,"time"=>time(),"fp"=>$_SESSION['s_fp'],"from"=>$_SERVER['HTTP_REFERER']));

-.rail {
-  position: absolute;
-  width: 100%;
-  height: 100%;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  -webkit-transform: rotateX(-30deg) rotateY(-30deg);
-          transform: rotateX(-30deg) rotateY(-30deg);
-}
-.rail .stamp {
-  position: absolute;
-  width: 200px;
-  height: 200px;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  background: #141414;
-  color: #fff;
-  font-size: 7rem;
-}
-.rail .stamp:nth-child(1) {
-  -webkit-animation: stampSlide 40000ms -2300ms linear infinite;
-          animation: stampSlide 40000ms -2300ms linear infinite;
-}
-.rail .stamp:nth-child(2) {
-  -webkit-animation: stampSlide 40000ms -4300ms linear infinite;
-          animation: stampSlide 40000ms -4300ms linear infinite;
-}
-.rail .stamp:nth-child(3) {
-  -webkit-animation: stampSlide 40000ms -6300ms linear infinite;
-          animation: stampSlide 40000ms -6300ms linear infinite;
-}
-.rail .stamp:nth-child(4) {
-  -webkit-animation: stampSlide 40000ms -8300ms linear infinite;
-          animation: stampSlide 40000ms -8300ms linear infinite;
-}
-.rail .stamp:nth-child(5) {
-  -webkit-animation: stampSlide 40000ms -10300ms linear infinite;
-          animation: stampSlide 40000ms -10300ms linear infinite;
-}
-.rail .stamp:nth-child(6) {
-  -webkit-animation: stampSlide 40000ms -12300ms linear infinite;
-          animation: stampSlide 40000ms -12300ms linear infinite;
-}
-.rail .stamp:nth-child(7) {
-  -webkit-animation: stampSlide 40000ms -14300ms linear infinite;
-          animation: stampSlide 40000ms -14300ms linear infinite;
-}
-.rail .stamp:nth-child(8) {
-  -webkit-animation: stampSlide 40000ms -16300ms linear infinite;
-          animation: stampSlide 40000ms -16300ms linear infinite;
-}
-.rail .stamp:nth-child(9) {
-  -webkit-animation: stampSlide 40000ms -18300ms linear infinite;
-          animation: stampSlide 40000ms -18300ms linear infinite;
-}
-.rail .stamp:nth-child(10) {
-  -webkit-animation: stampSlide 40000ms -20300ms linear infinite;
-          animation: stampSlide 40000ms -20300ms linear infinite;
-}
-.rail .stamp:nth-child(11) {
-  -webkit-animation: stampSlide 40000ms -22300ms linear infinite;
-          animation: stampSlide 40000ms -22300ms linear infinite;
-}
-.rail .stamp:nth-child(12) {
-  -webkit-animation: stampSlide 40000ms -24300ms linear infinite;
-          animation: stampSlide 40000ms -24300ms linear infinite;
-}
-.rail .stamp:nth-child(13) {
-  -webkit-animation: stampSlide 40000ms -26300ms linear infinite;
-          animation: stampSlide 40000ms -26300ms linear infinite;
-}
-.rail .stamp:nth-child(14) {
-  -webkit-animation: stampSlide 40000ms -28300ms linear infinite;
-          animation: stampSlide 40000ms -28300ms linear infinite;
-}
-.rail .stamp:nth-child(15) {
-  -webkit-animation: stampSlide 40000ms -30300ms linear infinite;
-          animation: stampSlide 40000ms -30300ms linear infinite;
-}
-.rail .stamp:nth-child(16) {
-  -webkit-animation: stampSlide 40000ms -32300ms linear infinite;
-          animation: stampSlide 40000ms -32300ms linear infinite;
-}
-.rail .stamp:nth-child(17) {
-  -webkit-animation: stampSlide 40000ms -34300ms linear infinite;
-          animation: stampSlide 40000ms -34300ms linear infinite;
-}
-.rail .stamp:nth-child(18) {
-  -webkit-animation: stampSlide 40000ms -36300ms linear infinite;
-          animation: stampSlide 40000ms -36300ms linear infinite;
-}
-.rail .stamp:nth-child(19) {
-  -webkit-animation: stampSlide 40000ms -38300ms linear infinite;
-          animation: stampSlide 40000ms -38300ms linear infinite;
-}
-.rail .stamp:nth-child(20) {
-  -webkit-animation: stampSlide 40000ms -40300ms linear infinite;
-          animation: stampSlide 40000ms -40300ms linear infinite;
-}
-
-@-webkit-keyframes stampSlide {
-  0% {
-    -webkit-transform: rotateX(90deg) rotateZ(-90deg) translateZ(-200px) translateY(130px);
-            transform: rotateX(90deg) rotateZ(-90deg) translateZ(-200px) translateY(130px);
-  }
-  100% {
-    -webkit-transform: rotateX(90deg) rotateZ(-90deg) translateZ(-200px) translateY(-3870px);
-            transform: rotateX(90deg) rotateZ(-90deg) translateZ(-200px) translateY(-3870px);
-  }
-}
-
-@keyframes stampSlide {
-  0% {
-    -webkit-transform: rotateX(90deg) rotateZ(-90deg) translateZ(-200px) translateY(130px);
-            transform: rotateX(90deg) rotateZ(-90deg) translateZ(-200px) translateY(130px);
-  }
-  100% {
-    -webkit-transform: rotateX(90deg) rotateZ(-90deg) translateZ(-200px) translateY(-3870px);
-            transform: rotateX(90deg) rotateZ(-90deg) translateZ(-200px) translateY(-3870px);
-  }
-}
-.world {
-  -webkit-transform: rotateX(-30deg) rotateY(-30deg);
-          transform: rotateX(-30deg) rotateY(-30deg);
-}
-.world .forward {
-  position: absolute;
-  -webkit-animation: slide 2000ms linear infinite;
-          animation: slide 2000ms linear infinite;
-}
-.world .box {
-  width: 200px;
-  height: 200px;
-  -webkit-transform-origin: 100% 100%;
-          transform-origin: 100% 100%;
-  -webkit-animation: roll 2000ms cubic-bezier(1, 0.01, 1, 1) infinite;
-          animation: roll 2000ms cubic-bezier(1, 0.01, 1, 1) infinite;
-}
-.world .box .wall {
-  position: absolute;
-  width: 200px;
-  height: 200px;
-  background: rgba(10, 10, 10, 0.8);
-  border: 1px solid #fafafa;
-  box-sizing: border-box;
-}
-.world .box .wall::before {
-  content: '';
-  position: absolute;
-  width: 100%;
-  height: 100%;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  color: #fff;
-  font-size: 7rem;
-}
-.world .box .wall:nth-child(1) {
-  -webkit-transform: translateZ(100px);
-          transform: translateZ(100px);
-}
-.world .box .wall:nth-child(2) {
-  -webkit-transform: rotateX(180deg) translateZ(100px);
-          transform: rotateX(180deg) translateZ(100px);
-}
-.world .box .wall:nth-child(3) {
-  -webkit-transform: rotateX(90deg) translateZ(100px);
-          transform: rotateX(90deg) translateZ(100px);
-}
-.world .box .wall:nth-child(3)::before {
-  -webkit-transform: rotateX(180deg) rotateZ(90deg) translateZ(-1px);
-          transform: rotateX(180deg) rotateZ(90deg) translateZ(-1px);
-  -webkit-animation: zeroFour 4000ms -2000ms linear infinite;
-          animation: zeroFour 4000ms -2000ms linear infinite;
-}
-.world .box .wall:nth-child(4) {
-  -webkit-transform: rotateX(-90deg) translateZ(100px);
-          transform: rotateX(-90deg) translateZ(100px);
-}
-.world .box .wall:nth-child(4)::before {
-  -webkit-transform: rotateX(180deg) rotateZ(-90deg) translateZ(-1px);
-          transform: rotateX(180deg) rotateZ(-90deg) translateZ(-1px);
-  -webkit-animation: zeroFour 4000ms -2000ms linear infinite;
-          animation: zeroFour 4000ms -2000ms linear infinite;
-}
-.world .box .wall:nth-child(5) {
-  -webkit-transform: rotateY(90deg) translateZ(100px);
-          transform: rotateY(90deg) translateZ(100px);
-}
-.world .box .wall:nth-child(5)::before {
-  -webkit-transform: rotateX(180deg) translateZ(-1px);
-          transform: rotateX(180deg) translateZ(-1px);
-  -webkit-animation: zeroFour 4000ms linear infinite;
-          animation: zeroFour 4000ms linear infinite;
-}
-.world .box .wall:nth-child(6) {
-  -webkit-transform: rotateY(-90deg) translateZ(100px);
-          transform: rotateY(-90deg) translateZ(100px);
-}
-.world .box .wall:nth-child(6)::before {
-  -webkit-transform: rotateX(180deg) rotateZ(180deg) translateZ(-1px);
-          transform: rotateX(180deg) rotateZ(180deg) translateZ(-1px);
-  -webkit-animation: zeroFour 4000ms linear infinite;
-          animation: zeroFour 4000ms linear infinite;
-}
-
-@-webkit-keyframes zeroFour {
-  0% {
-    content: '4';
-  }
-  100% {
-    content: '0';
-  }
-}
-
-@keyframes zeroFour {
-  0% {
-    content: '4';
-  }
-  100% {
-    content: '0';
-  }
-}
-@-webkit-keyframes roll {
-  0% {
-    -webkit-transform: rotateZ(0deg);
-            transform: rotateZ(0deg);
-  }
-  85% {
-    -webkit-transform: rotateZ(90deg);
-            transform: rotateZ(90deg);
-  }
-  87% {
-    -webkit-transform: rotateZ(88deg);
-            transform: rotateZ(88deg);
-  }
-  90% {
-    -webkit-transform: rotateZ(90deg);
-            transform: rotateZ(90deg);
-  }
-  100% {
-    -webkit-transform: rotateZ(90deg);
-            transform: rotateZ(90deg);
-  }
-}
-@keyframes roll {
-  0% {
-    -webkit-transform: rotateZ(0deg);
-            transform: rotateZ(0deg);
-  }
-  85% {
-    -webkit-transform: rotateZ(90deg);
-            transform: rotateZ(90deg);
-  }
-  87% {
-    -webkit-transform: rotateZ(88deg);
-            transform: rotateZ(88deg);
-  }
-  90% {
-    -webkit-transform: rotateZ(90deg);
-            transform: rotateZ(90deg);
-  }
-  100% {
-    -webkit-transform: rotateZ(90deg);
-            transform: rotateZ(90deg);
-  }
-}
-@-webkit-keyframes slide {
-  0% {
-    -webkit-transform: translateX(0);
-            transform: translateX(0);
-  }
-  100% {
-    -webkit-transform: translateX(-200px);
-            transform: translateX(-200px);
-  }
-}
-@keyframes slide {
-  0% {
-    -webkit-transform: translateX(0);
-            transform: translateX(0);
-  }
-  100% {
-    -webkit-transform: translateX(-200px);
-            transform: translateX(-200px);
-  }
-}
-</style>
-</head>
-<body>
-
-<div class="rail">
-  <div class="stamp four">误</div>
-  <div class="stamp zero">错</div>
-  <div class="stamp four">4</div>
-  <div class="stamp zero">0</div>
-  <div class="stamp four">4</div>
-  <div class="stamp zero"> </div>
-  <div class="stamp four">4</div>
-  <div class="stamp zero">0</div>
-  <div class="stamp four">4</div>
-  <div class="stamp zero"> </div>
-  <div class="stamp four"> </div>
-  <div class="stamp zero">R</div>
-  <div class="stamp four">O</div>
-  <div class="stamp zero">R</div>
-  <div class="stamp four">R</div>
-  <div class="stamp zero">E</div>
-  <div class="stamp four">4</div>
-  <div class="stamp zero">0</div>
-  <div class="stamp four">4</div>
-  <div class="stamp zero"> </div>
-</div>
-<div class="world">
-  <div class="forward">
-    <div class="box">
-      <div class="wall"></div>
-      <div class="wall"></div>
-      <div class="wall"></div>
-      <div class="wall"></div>
-      <div class="wall"></div>
-      <div class="wall"></div>
-    </div>
-  </div>
-</div>
-
-</body>
-</html>
+echo file_get_contents("./etc/lovely-404/404.html");
--- a/etc/api/video_fp.php
+++ b/etc/api/video_fp.php
@ -9,7 +9,7 @@ $ip= $_REQUEST[ip];

 $conn=db__connect();

-db__pushData($conn,"fp",array("fp"=>$fp,"videoseek"=>$seek,"video"=>$id,"videotime"=>time()),array("fp"=>$fp));
+db__pushData($conn,"fp",array("fp"=>$fp,"videoseek"=>$seek,"video"=>$id,"ip"=>$ip,"videotime"=>time()),array("fp"=>$fp));


 db__pushData($conn,"videolog",array("ip"=>$ip,"fp"=>$fp,"seek"=>$seek,"video"=>$id,"time"=>time()),array("fp"=>$fp,"video"=>$id));
--- a/etc/dplayer/DPlayer.min.js
+++ b/etc/dplayer/DPlayer.min.js
--- a/etc/dplayer/setup.js
+++ b/etc/dplayer/setup.js
@ -33,7 +33,7 @@ const dp = new DPlayer({

 //lstn for recording play time to cookie
 var timeUpdate_count=0;
-dp.on('timeupdate',function dpTimeRecord(){if(g_vId!=234&&g_vId!=0)cookie.set('vTime_'+g_vId,dp.video.currentTime);if(timeUpdate_count++>15){ $.post("/etc/api/video_fp.php",{"fp":fp,"id":g_vId,"seek":dp.video.currentTime,"ip":returnCitySN.cip});timeUpdate_count=0;}});
+dp.on('timeupdate',function dpTimeRecord(){if(g_vId!=234&&g_vId!=0)cookie.set('vTime_'+g_vId,dp.video.currentTime);if(timeUpdate_count++>15){ $.post("/etc/api/video_fp.php",{"fp":fp,"id":g_vId,"seek":dp.video.currentTime,"ip":returnCitySN.cip});timeUpdate_count=0;window.history.replaceState(null, null, "https://cn.yimian.xyz/video/video.php?id="+g_vId);}});

 //lstn for the video to the end
 dp.on('ended',function dpEnd(){cookie.del('vTime_'+g_vId);nextVideo();});
--- a/functions.php
+++ b/functions.php
@ -45,10 +45,13 @@ function yimian__header($title="Yimian",$keywords="yimian",$description="Yimian
 //jquery install
 function js__jquery()
 {
+	if(!$GLOBALS['jquery'])
+	{	
 	echo "<!-- Include js Jquery and Pjax -->
 <script type=\"text/javascript\" src=\"https://cdn.bootcss.com/jquery/3.3.1/jquery.min.js\"></script>
 <script type=\"text/javascript\" src=\"https://cdn.bootcss.com/jquery.pjax/2.0.1/jquery.pjax.js\"></script>";
 	$GLOBALS['jquery']=1;
+	}
 }


@ -77,6 +80,7 @@ function css__easyVer()
 //mark the end of the html header
 function yimian__headerEnd()
 {
+	js__jquery();
 	echo "
 <script>console.log('\\n' + ' %c Yimian  %c https://www.yimian.xyz ' + '\\n', 'color: #00FFFF; background: #030307; padding:5px 0;', 'background: #4682B4; padding:5px 0;');</script>
 <script>console.log('Thankfully / Proudly include Plugins:'+'\\n');";
@ -109,8 +113,17 @@ function js__cleverLogin()
 	js__easyVer();
 }

+
+function yimian__heartbeat()
+{
+	echo "
+<script>$.post(\"/heartbeat.php\",{\"ip\":ip,\"fp\":fp})</script>";
+}
+
+
 function yimian__simpleFooter()
 {
+	yimian__heartbeat();
 		echo "
 </body>
 </html>";
@ -122,7 +135,7 @@ function yimian__footer($wordColor="#C7C7C7",$backgroundColor="#2B2B2B",$urlColo
 	echo "	<style>/*footer theme*/footer{padding:1.5rem 1rem;color:".$wordColor.";font-size:1.2rem;line-height:1.4;text-align:center;background:".$backgroundColor.";border-top:1px solid #C7C7C7}a.footera:link{color: ".$urlColor." ; text-decoration:none;}a.footera:visited {color:#79CDCD}</style>
 	<script>function openwin(){window.open(\"https://cn.yimian.xyz/cv\");}</script>
 	<footer class=\"footer\">Copyright © 2018.<a class=\"footera\" onclick=\"openwin()\" href=\"#\">Yimian LIU</a> All rights reserved.</footer>";
-
+	yimian__heartbeat();
 	echo "</body>
 </html>";
 }
--- a/heartbeat.php
+++ b/heartbeat.php
@ -0,0 +1,17 @@
+<?php
+include './functions.php';
+
+$fp=$_REQUEST['fp'];
+$ip=$_REQUEST['ip'];
+$from=$_SERVER['HTTP_REFERER'];
+$domain=$_SERVER['HTTP_HOST'];
+
+session_start();
+
+$_SESSION['s_fp']=$fp;
+$_SESSION['s_ip']=$ip;
+
+db__pushData(db__connect(),"log",array("fp"=>$fp,"ip"=>$ip,"domain"=>$domain,"url"=>$from,"time"=>time()));
+
+//echo json_encode(array("fp"=>$fp,"ip"=>$ip,"domain"=>$domain,"url"=>$from,"time"=>time()));
+
--- a/test/index.php
+++ b/test/index.php
@ -8,7 +8,9 @@
 <?php dplayer__element()?>
 <?php dplayer__setup()?>
 <?php dplayer__add($_GET['id'])?>
-<button onClick="nextVideo()">hhh</button>
+<button onClick="kk()">hhh</button>
+
+<script>function kk(){nextVideo();window.history.replaceState(null, null, "https://cn.yimian.xyz/hhh");}</script>

 <?php aplayer__element()?>
 <?php aplayer__setup_mini()?>
--- a/untitled.html
+++ b/untitled.html
@ -0,0 +1,10 @@
+<!doctype html>
+<html>
+<head>
+<meta charset="utf-8">
+<title>无标题文档</title>
+</head>
+
+<body>
+</body>
+</html>
--- a/video/video.php
+++ b/video/video.php
@ -1,7 +1,28 @@
 <?php
 include '../functions.php';

+if(!isset($_REQUEST['id'])) header("Location: https://cn.yimian.xyz/404.php");
+
 yimian__header("Yimian Video","video,Yimian","This is the page for playing a video.");

 js__jquery();

+yimian__headerEnd();
+
+dplayer__element();
+
+echo "
+<script>
+var is_next=1;
+</script>";
+
+dplayer__setup();
+dplayer__add($_REQUEST['id']);
+
+
+echo "
+<script>
+$(\"#next\").on(\"click\",function (){nextVideo();});
+</script>";
+
+yimian__footer();