jx

Running

App Files Files Community

mikuyyds commited on May 16, 2025

Commit

9040f89

verified ·

1 Parent(s): 9e9b66e

Update index.html

Browse files

Files changed (1) hide show

index.html +128 -19

index.html CHANGED Viewed

@@ -1,19 +1,128 @@
-<!doctype html>
-<html>
-	<head>
-		<meta charset="utf-8" />
-		<meta name="viewport" content="width=device-width" />
-		<title>My static Space</title>
-		<link rel="stylesheet" href="style.css" />
-	</head>
-	<body>
-		<div class="card">
-			<h1>Welcome to your static Space!</h1>
-			<p>You can modify this app directly by editing <i>index.html</i> in the Files and versions tab.</p>
-			<p>
-				Also don't forget to check the
-				<a href="https://huggingface.co/docs/hub/spaces" target="_blank">Spaces documentation</a>.
-			</p>
-		</div>
-	</body>
-</html>

+<!DOCTYPE html>
+<html lang="zh-CN">
+<head>
+    <meta charset="UTF-8">
+    <meta name="referrer" content="never">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
+    <meta name="description" content="聚合短视频解析工具，支持抖音、快手等平台去水印下载">
+    <title>聚合短视频去水印</title>
+    <link rel="icon" href="assets/favicon.ico" type="image/x-icon">
+    <link rel="manifest" href="assets/manifest.json">
+    <link rel="apple-touch-icon" href="assets/icons/icon-180.png">
+    <link href="https://fonts.googleapis.com/css2?family=Kiwi+Maru:wght@500&family=Nunito:wght@700&display=swap" rel="stylesheet">
+    <!-- 使用 CDN 引入 FileSaver.js 和 JSZip -->
+    <script src="https://cdn.bootcdn.net/ajax/libs/FileSaver.js/2.0.5/FileSaver.min.js" async></script>
+    <script src="https://cdn.bootcdn.net/ajax/libs/jszip/3.10.1/jszip.min.js" async></script>
+    <link rel="stylesheet" href="assets/style.css">
+</head>
+<body>
+    <div class="widgets-container">
+        <div class="widget-card" id="weatherWidget" aria-label="天气信息">
+            <span>加载中...</span>
+        </div>
+        <div class="widget-card" id="timeWidget" aria-label="当前时间">
+            <span id="currentTime">00:00:00</span>
+        </div>
+    </div>
+    <div class="main-container">
+        <h1 style="text-align: center; color: #6A5ACD; margin-bottom: 20px;">
+            聚合短视频解析
+        </h1>
+        <button id="theme-toggle" aria-label="切换主题" title="切换主题">
+            <i class="theme-icon">🌙</i>
+        </button>
+        <div id="random-quote" aria-live="polite"></div>
+        <div class="input-box">
+            <i class="input-icon">🔗</i>
+            <input type="text" placeholder="粘贴视频链接（支持抖音、快手等）" id="urlInput" aria-label="输入短视频链接" maxlength="2000" autofocus>
+            <button class="parse-btn" aria-label="解析视频链接">
+                <i class="magic-icon">✨</i> 魔法解析！
+            </button>
+        </div>
+        <div class="loading" id="loading" style="display: none;" aria-live="polite">
+            <div class="bouncing-loader">
+                <div></div><div></div><div></div>
+            </div>
+            <p style="text-align: center; color: #6A5ACD; margin-top: 10px;">正在施展解析魔法... ✨</p>
+        </div>
+        <div id="contentBox" style="opacity: 0; transition: opacity 0.3s ease;"></div>
+        <div id="history-box" aria-label="最近解析记录">
+            <h3 style="color: #9370DB; margin: 15px 0;">最近解析</h3>
+            <div id="history-list"></div>
+        </div>
+        <div id="platform-list" aria-label="支持的平台">
+            <h3 style="color: #9370DB; margin: 15px 0;">支持平台</h3>
+            <div class="platform-list" role="list"></div>
+        </div>
+        <section id="tutorial" aria-label="使用教程">
+            <h3 style="color: #9370DB; margin: 15px 0;">使用教程</h3>
+            <div class="tutorial-content">
+                <ol>
+                    <li><strong>复制链接</strong>：在抖音、快手等平台复制视频或图集的分享链接。</li>
+                    <li><strong>粘贴链接</strong>：将链接粘贴到上方输入框，系统会自动识别剪贴板内容。</li>
+                    <li><strong>点击解析</strong>：点击“魔法解析”按钮，等待无水印内容加载。</li>
+                    <li><strong>下载内容</strong>：选择“保存视频”或“打包保存”下载到本地。</li>
+                </ol>
+            </div>
+        </section>
+        <section id="faq" aria-label="常见问题">
+            <h3 style="color: #9370DB; margin: 15px 0;">常见问题</h3>
+            <details>
+                <summary>Android手机上可以用吗？</summary>
+                <p>可以的，Android手机在常用的Chrome、UC、360、QQ等浏览器上都可以很方便的使用本站。</p>
+            </details>
+            <details>
+                <summary>iOS设备上点击下载视频按钮后跳转到视频页面，如何下载？</summary>
+                <p>因Safari及微信内置浏览器不支持直接下载，建议在App Store下载免费的火狐浏览器，支持保存视频到相册。参考：<a href="https://example.com/firefox-tutorial" target="_blank" rel="noopener noreferrer">iPhone���利用火狐浏览器下载视频教程</a>。</p>
+            </details>
+            <details>
+                <summary>电脑上使用IE浏览器，点击下载按钮跳转到视频页面，如何下载？</summary>
+                <p>在下载按钮上右键选择“目标另存为”或在视频页面右键选择“视频另存为”。推荐使用Chrome、360浏览器极速模式等现代浏览器。</p>
+            </details>
+            <details>
+                <summary>为什么解析成功后仍有水印？</summary>
+                <p>如果原视频在APP中已有水印，本站无法去除。请检查视频在相应平台是否带水印。</p>
+            </details>
+            <details>
+                <summary>为什么解析失败？</summary>
+                <p>视频被删除、设为私密或在审核中可能导致失败。请确认链接有效。</p>
+            </details>
+        </section>
+        <div id="share-box" aria-label="分享解析结果">
+            <h3 style="color: #9370DB; margin: 15px 0;">分享</h3>
+            <div class="share-buttons">
+                <button class="share-btn" id="copy-link" aria-label="复制链接">
+                    <i class="share-icon">🔗</i> 复制链接
+                </button>
+                <button class="share-btn" aria-label="分享到微信">
+                    <i class="share-icon">💬</i> 微信
+                </button>
+                <button class="share-btn" aria-label="分享到QQ">
+                    <i class="share-icon">🐧</i> QQ
+                </button>
+            </div>
+        </div>
+        <button id="feedback-btn" aria-label="提交反馈">我要反馈</button>
+        <form id="feedback-form" style="display: none;" aria-label="用户反馈">
+            <h3>反馈建议</h3>
+            <textarea placeholder="请输入您的建议或问题" required></textarea>
+            <button type="submit">提交</button>
+            <button type="button" id="close-feedback">关闭</button>
+        </form>
+        <div id="visitor-count" aria-label="访客统计">访客数：加载中...</div>
+    </div>
+    <footer class="footer" aria-label="版权信息">
+        <p>该功能仅供个人娱乐学习，严禁商业用途。Ctrl + D (或 Command + D) 收藏我们，方便下次使用。</p>
+        <p>视频归相关网站及作者所有，本站不存储任何视频及图片。本站不对使用者的行为负担任何法律责任。</p>
+        <p>copyright@聚合短视频去水印</p>
+    </footer>
+    <div class="debug-info" id="debugInfo" aria-live="assertive"></div>
+    <img class="anime-character" src="assets/character.png" alt="装饰角色" loading="lazy">
+    <button class="back-to-top" aria-label="返回顶部" style="display: none;">
+        <i class="back-icon">⬆</i>
+    </button>
+    <script src="https://api.vvhan.com/yu.html" async></script>
+    <script src="assets/script.js" defer></script>
+</body>
+</html>