index/videos/25/02/knzB8-MC/index.html

<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>
-												feat(videos): 添加 MC 统一认证设置教程视频

- 新增视频文件：2025-02-14-11-09-11_Notepad3_D0VfI8Cj2L.mp4
- 创建视频播放页面：index.html
- 视频标题：MC统一认证设置教程
- 视频描述：演示如何在PCL2中设置MC统一认证登录，提醒观众此视频为分节视频
- 页面中包含视频下载和返回按钮
- 使用 Artplayer 播放器和章节插件进行视频播放

											
										
										
											2025-02-14 12:26:29 +08:00
+								<html lang="zh-CN">
 								<head>
 								    <title id="pageTitle">视频播放</title>
 								    <meta charset="UTF-8" />
 								    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-												refactor(videos): 更新视频播放器脚本引用

- 将 ArtPlayer 和 artplayer-plugin-chapter 的脚本引用从 CDN 更改为本地路径
- 修改了以下文件中的脚本引用：
  - 4bWST-birthday/index.html
  - knzB8-MC/index.html
  - template-video.html

											
										
										
											2025-02-14 14:11:23 +08:00
+								    <script src="/artplayer.js"></script>
-年2月14日12:42:53

											
										
										
											2025-02-14 12:42:56 +08:00
+								    <!-- 引入 artplayerPluginChapter 插件 -->
-												refactor(videos): 更新视频播放器脚本引用

- 将 ArtPlayer 和 artplayer-plugin-chapter 的脚本引用从 CDN 更改为本地路径
- 修改了以下文件中的脚本引用：
  - 4bWST-birthday/index.html
  - knzB8-MC/index.html
  - template-video.html

											
										
										
											2025-02-14 14:11:23 +08:00
+								    <script src="/artplayer-plugin-chapter.js"></script>
-年2月14日12:42:53

											
										
										
											2025-02-14 12:42:56 +08:00
+								    <link rel="stylesheet" href="/videos/video.css">
-												feat(videos): 添加 MC 统一认证设置教程视频

- 新增视频文件：2025-02-14-11-09-11_Notepad3_D0VfI8Cj2L.mp4
- 创建视频播放页面：index.html
- 视频标题：MC统一认证设置教程
- 视频描述：演示如何在PCL2中设置MC统一认证登录，提醒观众此视频为分节视频
- 页面中包含视频下载和返回按钮
- 使用 Artplayer 播放器和章节插件进行视频播放

											
										
										
											2025-02-14 12:26:29 +08:00
+								    <script>
 								        // 视频标题、链接和说明
 								        var videoTitle = "MC统一认证设置教程";
 								        var videoUrl = "./2025-02-14-11-09-11_Notepad3_D0VfI8Cj2L.mp4";
-年2月14日12:41:22

											
										
										
											2025-02-14 12:41:24 +08:00
+								        var videoDescription = "此教程将演示如何在PCL2中设置MC统一认证登录\n注册相关信息：http://o.nmgjg.com.cn/videos/25/02/knzB8-MC/txt.txt";
-												refactor(videos): 将视频播放器代码移至模板页面

- 将 video.js 文件中的代码复制到每个视频页面的 <script> 标签中
- 更新视频标题、描述和 URL 的变量赋值方式
- 添加下载视频功能
- 修正 4bWST-birthday 视频的 URL
- 删除 video.js 文件

											
										
										
											2025-02-14 12:34:30 +08:00
-												feat(videos): 添加 MC 统一认证设置教程视频

- 新增视频文件：2025-02-14-11-09-11_Notepad3_D0VfI8Cj2L.mp4
- 创建视频播放页面：index.html
- 视频标题：MC统一认证设置教程
- 视频描述：演示如何在PCL2中设置MC统一认证登录，提醒观众此视频为分节视频
- 页面中包含视频下载和返回按钮
- 使用 Artplayer 播放器和章节插件进行视频播放

											
										
										
											2025-02-14 12:26:29 +08:00
+								    </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>
-												refactor(videos): 将视频播放器代码移至模板页面

- 将 video.js 文件中的代码复制到每个视频页面的 <script> 标签中
- 更新视频标题、描述和 URL 的变量赋值方式
- 添加下载视频功能
- 修正 4bWST-birthday 视频的 URL
- 删除 video.js 文件

											
										
										
											2025-02-14 12:34:30 +08:00
+								    <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: [
-												refactor(videos): 更新视频章节标题

- 移除了原有的数字章节划分
- 添加了新的章节标题：
  - "注册并登录"（0-27秒）

											
										
										
											2025-02-14 12:38:39 +08:00
+								                        { start: 0, end: 27, title: '注册并登录' },
-												fix(videos): 修正视频章节时间点

- 将第二个章节的开始时间从 10 秒修改为 27 秒
- 保持第一个章节的时间不变

											
										
										
											2025-02-14 14:13:45 +08:00
+								                        { start: 27, end: Infinity, title: '配置启动器' }
-												refactor(videos): 将视频播放器代码移至模板页面

- 将 video.js 文件中的代码复制到每个视频页面的 <script> 标签中
- 更新视频标题、描述和 URL 的变量赋值方式
- 添加下载视频功能
- 修正 4bWST-birthday 视频的 URL
- 删除 video.js 文件

											
										
										
											2025-02-14 12:34:30 +08:00
+								                    ]
 								                }),
 								            ],
 								        });
 								        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>
-												feat(videos): 添加 MC 统一认证设置教程视频

- 新增视频文件：2025-02-14-11-09-11_Notepad3_D0VfI8Cj2L.mp4
- 创建视频播放页面：index.html
- 视频标题：MC统一认证设置教程
- 视频描述：演示如何在PCL2中设置MC统一认证登录，提醒观众此视频为分节视频
- 页面中包含视频下载和返回按钮
- 使用 Artplayer 播放器和章节插件进行视频播放

											
										
										
											2025-02-14 12:26:29 +08:00
+								</body>
 								</html>