diff --git a/.gitignore b/.gitignore index cf531c3..bca57cb 100644 --- a/.gitignore +++ b/.gitignore @@ -1,2 +1,3 @@ databases/* src/* +public/message/static/src/video/* diff --git a/public/api/index.php b/public/api/index.php deleted file mode 100755 index e69de29..0000000 diff --git a/public/blog/index.html b/public/blog/index.html index 445b16c..52a5ec7 100755 --- a/public/blog/index.html +++ b/public/blog/index.html @@ -16,6 +16,7 @@ gitea docker-registry api + wiki @@ -26,6 +27,10 @@ + + + + diff --git a/public/message/index.php b/public/message/index.php index da2feee..1ee7a97 100755 --- a/public/message/index.php +++ b/public/message/index.php @@ -28,28 +28,20 @@ ..返回主页
-
-
-
-
-
-
-

- 暂无视频 -

+
-
-
-
-
-
-
- 评论展示区 -
- 发送区 +
+ + + +
+

弹幕列表

+

                         
-
+
@@ -75,13 +67,12 @@ #message_video { - background-color: blue; + background-color: rgba(0, 0, 0, 0); color: white; text-align: center; width: 60%; height: 69%; margin: auto; - position: absolute; top: 22%; left: 0; right: 0; @@ -92,35 +83,19 @@ #message_com { - background-color: white; - text-align: center; + background-color: rgba(255, 255, 255, 0); + width: 33%; height: 69%; margin: auto; - position: absolute; top: 22%; left: 0; right: 0; bottom: 0; /* 页面边距 上、右、下、左 */ - margin: 1.89% 0px 0px 63.8%; + margin: -38.4% 0px 0px 63.8%; } -#message_com_black -{ - background-color: black; - color: white; - width: 100%; - height: 8%; - margin: auto; - position: absolute; - top: 0; - left: 0; - right: 0; - bottom: 0; - /* 页面边距 上、右、下、左 */ - margin: 108% 0px 0px 0%; -} #back_blok{ /* 返回主页 */ @@ -134,7 +109,7 @@ right: 0; bottom: 0; /* 页面边距 上、右、下、左 */ - margin: 4% 0px 0px 36.8%; + margin: -30% 0px 0px 36.8%; } #back_url @@ -144,9 +119,66 @@ } + + \ No newline at end of file diff --git a/public/message/index.php.114514 b/public/message/index.php.114514 deleted file mode 100755 index cb606b2..0000000 --- a/public/message/index.php.114514 +++ /dev/null @@ -1,49 +0,0 @@ - - - - - - - - - " . "$title" . ""; - // 页面标题 - ?> - -
-
- 欢迎来到 $title"; - // 欢迎语 - - echo "感谢您的访问" . " " . "
" . "顾名思义" . "$title" . "就是用来记录留言的地方"; - // 介绍部分 - - ?> -
-
- - - - - - - - - \ No newline at end of file diff --git a/public/message/index.php.back b/public/message/index.php.back deleted file mode 100755 index b283bc9..0000000 --- a/public/message/index.php.back +++ /dev/null @@ -1,52 +0,0 @@ - - - - - - - - - - - $title"; - // 设定网站抬头 - - echo "
"; - - echo "

欢迎来到 $title

"; - // 欢迎语 - - echo "感谢您的访问" . " " . "
" . "顾名思义" . "$title" . "就是用来记录留言的地方"; - // 介绍部分 - - echo "
"; - - ?> -
- -
- -
-
-
-
- - - \ No newline at end of file diff --git a/public/api/docs/index.php b/public/message/static/css/message.css similarity index 100% rename from public/api/docs/index.php rename to public/message/static/css/message.css diff --git a/public/message/static/css/video.css b/public/message/static/css/video.css new file mode 100755 index 0000000..ff2f9e9 --- /dev/null +++ b/public/message/static/css/video.css @@ -0,0 +1,33 @@ +/*简易的视频布局*/ +/* 视频播放器容器样式 */ +.video-container { + position: relative; + width: 640px; +} + +/* 自定义进度条容器样式 */ +.custom-progress-bar { + position: absolute; + bottom: 10px; + left: 0; + width: 100%; + height: 10px; + background: #444; + cursor: pointer; +} + +/* 自定义进度条填充样式 */ +.custom-progress-bar .fill { + position: absolute; + top: 0; + left: 0; + height: 100%; + width: 0; + background: #f00; + transition: width .2s; /* 平滑过渡效果 */ +} + +/* 隐藏默认的浏览器进度条 */ +video::-webkit-media-controls-timeline { + display: none; +} diff --git a/public/message/static/js/video.js b/public/message/static/js/video.js new file mode 100755 index 0000000..ce7c47e --- /dev/null +++ b/public/message/static/js/video.js @@ -0,0 +1,54 @@ +/* 简易视频播放器 */ +var video = document.getElementById("Video"); +var progressBar = document.getElementById("customProgressBar"); +var fill = document.querySelector(".custom-progress-bar .fill"); + +// 监听mousedown事件开始拖动 +progressBar.addEventListener("mousedown", function (e) { + // 防止默认行为 + e.preventDefault(); + + // 开始拖动 + document.addEventListener("mousemove", onDrag); + document.addEventListener("mouseup", onDragEnd); + + // 获取初始点击位置 + var startX = e.pageX - progressBar.offsetLeft; +}); + +function onDrag(e) { + // 计算新的进度位置 + var newPercent = (e.pageX - progressBar.offsetLeft) / progressBar.offsetWidth; + newPercent = Math.min(Math.max(0, newPercent), 1); // 限制在0到1之间 + + // 更新视频播放位置 + video.currentTime = video.duration * newPercent; + + // 更新进度条宽度 + fill.style.width = newPercent * 100 + "%"; +} + +function onDragEnd() { + // 停止拖动 + document.removeEventListener("mousemove", onDrag); + document.removeEventListener("mouseup", onDragEnd); +} + +// 视频加载元数据后初始化进度条 +video.addEventListener("loadedmetadata", function () { + // 设置初始进度 + updateProgressBar(); +}); + +// 更新进度条 +function updateProgressBar() { + var percent = (video.currentTime / video.duration) * 100; + fill.style.width = percent + "%"; +} + +// 监听视频播放过程中的时间更新 +video.addEventListener("timeupdate", updateProgressBar); + +//调节控制音量初始化 +var Video = document.getElementById("Video"); +Video.volume = 0.5; // 设置默认音量为50% diff --git a/public/message/static/txt/message.txt b/public/message/static/txt/message.txt index e69de29..dfd4eef 100755 --- a/public/message/static/txt/message.txt +++ b/public/message/static/txt/message.txt @@ -0,0 +1 @@ +这是测试 \ No newline at end of file
2025.07.26新增wiki页面
2025.07.20 新增giteadocker-registry页面