index.html 2.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101
  1. <!DOCTYPE html>
  2. <html lang="en" xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4. <meta charset="utf-8" />
  5. <title>【晴园】资源导航页</title>
  6. <meta name="generator" content="EverEdit" />
  7. <meta name="author" content="" />
  8. <meta name="keywords" content="" />
  9. <meta name="description" content="" />
  10. <meta http-equiv="refresh" content="5;url=https://freedvpn.ml/">
  11. <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
  12. <style>html, body{height:95%;}body{background: #70DB93;background: -webkit-radial-gradient(center ellipse, #00FF7F 0%, #00FFFF 70%);background: radial-gradient(ellipse at center, #4F4F2F 0%, #00FF7F 70%);background-size: 100%;}p{margin:0;padding:0;}#clock{font-family: 'Share Tech Mono', monospace;color: #ffffff;text-align: center;position: absolute;left: 50%;top: 50%;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);color: #daf6ff;text-shadow: 0 0 20px #0aafe6, 0 0 20px rgba(10, 175, 230, 0);}#clock .time{letter-spacing: 0.05em;font-size: 60px;padding: 5px 0;}#clock .date{letter-spacing:0.1em;font-size:15px;}#clock .text{letter-spacing: 0.1em;font-size:12px;padding:20px 0 0;}</style>
  13. </head>
  14. <body>
  15. <div id="dplayer"></div>
  16. <script src="../js/hls.min.js"></script>
  17. <script src="../js/DPlayer.min.js"></script>
  18. <script>
  19. const dp = new DPlayer({
  20. container: document.getElementById('dplayer'),
  21. video: {
  22. url: '../gzh/playlist.m3u8',
  23. type: 'hls',
  24. },
  25. pluginOptions: {
  26. hls: {
  27. // hls config
  28. },
  29. },
  30. });
  31. </script>
  32. </body>
  33. </br>
  34. </br>
  35. <!--初音未来开始-->
  36. <style>
  37. .cywl {
  38. position: fixed!important;
  39. position: absolute;
  40. width: 70px;
  41. height: 75px;
  42. z-index: 9;
  43. right: 0;
  44. bottom: 0;
  45. top: expression(offsetParent.scrollTop+offsetParent.clientHeight-150);
  46. cursor: pointer;
  47. }
  48. </style>
  49. <div id="audio" class="cywl">
  50. <img src="../src/%E5%88%9D%E9%9F%B3%E6%9C%AA%E6%9D%A5.gif" width="65px" height="65px" id="d" onclick="c();">
  51. </div>
  52. <!--初音未来结束-->
  53. </html>