Hugging Face's logo

Spaces:
knight577
/
jx
Running

App Files Community
jx
File size: 7,384 Bytes 
9040f89
 
 
 
 
 
 
 
 
b0309c7
 
9040f89
 
 
 
b0309c7
9040f89
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
b0309c7
9040f89
 
 
 
b0309c7
9040f89
 
 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
 
<!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="manifest.json">
    <link rel="apple-touch-icon" href="icon-jx.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="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="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="script.js" defer></script>
</body>
</html>