docs: create mcserver/MC统一认证设置教程

2025-02-18 15:40:14 +00:00
parent 9eb320e597
commit 45cebca11b
1 changed files with 90 additions and 0 deletions
--- a/mcserver/MC统一认证设置教程.html
+++ b/mcserver/MC统一认证设置教程.html
@@ -0,0 +1,90 @@
+<!--
+title: MC统一认证设置教程
+description: 
+published: true
+date: 2025-02-18T15:39:43.695Z
+tags: 
+editor: code
+dateCreated: 2025-02-18T15:39:43.695Z
+-->
+
+
+<html lang="zh-CN">
+
+<head>
+    <title id="pageTitle">视频播放</title>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <script src="/artplayer.js"></script>
+    <!-- 引入 artplayerPluginChapter 插件 -->
+    <script src="/artplayer-plugin-chapter.js"></script>
+    <link rel="stylesheet" href="/videos/video.css">
+    <script>
+        // 视频标题、链接和说明
+        var videoTitle = "MC统一认证设置教程";
+        var videoUrl = "./2025-02-14-11-09-11_Notepad3_D0VfI8Cj2L.mp4";
+        var videoDescription = "此教程将演示如何在PCL2中设置MC统一认证登录\n注册相关信息：http://o.nmgjg.com.cn/videos/25/02/knzB8-MC/txt.txt"
+
+    </script>
+</head>
+
+<body>
+    <div class="header">
+        <h1 id="videoTitle"></h1>
+        <div id="videoDescription" class="description"></div>
+        <div>
+            <button onclick="downloadVideo()">下载</button>
+            <button class="back-button" onclick="window.history.back()">返回</button>
+        </div>
+    </div>
+    <div class="artplayer-app"></div>
+    <script>
+        document.getElementById('videoTitle').innerText = videoTitle;
+        document.getElementById('pageTitle').innerText = videoTitle + " - 播放";
+        document.getElementById('videoDescription').innerText = videoDescription;
+
+        var art = new Artplayer({
+            container: '.artplayer-app',
+            url: videoUrl,
+            autoSize: true,
+            fullscreen: true,
+            fullscreenWeb: true,
+            miniProgressBar: true,
+            autoOrientation: true,
+            autoplay: false, // 禁用自动播放
+            muted: false, // 不自动静音
+            setting: true,
+            aspectRatio: true,
+            fullscreen: true,
+            lang: 'zh-cn',
+            fastForward: true,
+
+            plugins: [
+                artplayerPluginChapter({
+                    chapters: [
+                        { start: 0, end: 27, title: '注册并登录' },
+                        { start: 27, end: Infinity, title: '配置启动器' }
+                    ]
+                }),
+            ],
+        });
+
+        function downloadVideo() {
+            fetch(videoUrl)
+                .then(response => response.blob())
+                .then(blob => {
+                    const link = document.createElement('a');
+                    link.href = URL.createObjectURL(blob);
+                    link.download = videoTitle + '.mp4'; // 设置下载文件名
+                    document.body.appendChild(link);
+                    link.click();
+                    document.body.removeChild(link);
+                    URL.revokeObjectURL(link.href);
+                })
+                .catch(error => console.error('Error downloading the video:', error));
+        }
+    </script>
+
+</body>
+
+</html>