Hugging Face's logo

Spaces:
anyalerob
/
jx
Running

App Files Community
jx
File size: 10,522 Bytes
79ec663
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
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
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>短视频无水印解析</title>
    <link rel="stylesheet" href="style.css">
    <link href="https://fonts.googleapis.com/css2?family=Nunito:wght@400;600;700&family=Kiwi+Maru:wght@300;400&display=swap" rel="stylesheet">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css">
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jszip/3.10.1/jszip.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/FileSaver.js/2.0.5/FileSaver.min.js"></script>
</head>
<body>
    <div id="top-buttons">
        <button id="theme-btn" class="top-btn"><i class="fas fa-moon"></i></button>
        <button id="color-btn" class="top-btn"><i class="fas fa-palette"></i></button>
        <button id="feedback-btn" class="top-btn"><i class="fas fa-comment"></i></button>
    </div>

    <div id="main-container">
        <header id="header">
            <h1><i class="fas fa-play-circle"></i> 短视频无水印解析</h1>
            <div id="currentTime"></div>
            <div id="weatherWidget"></div>
            <div id="random-quote"></div>
        </header>

        <div id="platform-nav">
            <div class="platform-btn" data-platform="抖音">
                <img src="https://img.zlee.de/file/logo图片/1747377427291_dy.png" alt="抖音">
                <span>抖音</span>
            </div>
            <div class="platform-btn" data-platform="快手">
                <img src="https://img.zlee.de/file/logo图片/1747377484677_OIP-C.png" alt="快手">
                <span>快手</span>
            </div>
            <div class="platform-btn" data-platform="火山视频">
                <img src="https://img.zlee.de/file/logo图片/1747377480732_hssp.png" alt="火山视频">
                <span>火山视频</span>
            </div>
            <div class="platform-btn" data-platform="西瓜视频">
                <img src="https://img.zlee.de/file/logo图片/1747377479737_xgsp-black.png" alt="西瓜视频">
                <span>西瓜视频</span>
            </div>
            <div class="platform-btn" data-platform="皮皮虾">
                <img src="https://img.zlee.de/file/logo图片/1747377485180_ppx.png" alt="皮皮虾">
                <span>皮皮虾</span>
            </div>
            <div class="platform-btn" data-platform="秒拍">
                <img src="https://img.zlee.de/file/logo图片/1747377885467_mp (1).png" alt="秒拍">
                <span>秒拍</span>
            </div>
            <div class="platform-btn" data-platform="头条视频">
                <img src="https://img.zlee.de/file/logo图片/1747377883945_ttsp.png" alt="头条视频">
                <span>头条视频</span>
            </div>
            <div class="platform-btn" data-platform="腾讯微视">
                <img src="https://img.zlee.de/file/logo图片/1747377891436_腾讯微视.png" alt="腾讯微视">
                <span>腾讯微视</span>
            </div>
            <div class="platform-btn" data-platform="美图秀秀">
                <img src="https://img.zlee.de/file/logo图片/1747377886033_mtxx.png" alt="美图秀秀">
                <span>美图秀秀</span>
            </div>
            <div class="platform-btn" data-platform="美拍">
                <img src="https://img.zlee.de/file/logo图片/1747377887635_mp.png" alt="美拍">
                <span>美拍</span>
            </div>
            <div class="platform-btn" data-platform="微博">
                <img src="https://img.zlee.de/file/logo图片/1747377888691_wb.png" alt="微博">
                <span>微博</span>
            </div>
            <div class="platform-btn" data-platform="小红书">
                <img src="https://img.zlee.de/file/logo图片/1747377889452_xhs.png" alt="小红书">
                <span>小红书</span>
            </div>
            <div class="platform-btn" data-platform="网易云">
                <img src="https://img.zlee.de/file/logo图片/1747377894287_wyy.png" alt="网易云">
                <span>网易云</span>
            </div>
        </div>

        <div id="parser-container">
            <div id="input-container">
                <input type="text" id="urlInput" placeholder="请输入或粘贴视频链接...">
                <button id="clipboard-btn" title="从剪贴板粘贴"><i class="fas fa-paste"></i></button>
            </div>
            <button id="parse-btn" class="btn parse-btn">解析</button>
            <div id="debugInfo"></div>
        </div>

        <div id="contentBox"></div>

        <div id="share-container" style="display: none;">
            <button class="share-btn" onclick="copyLink()">复制链接</button>
            <button class="share-btn" onclick="shareToWeChat()">分享到微信</button>
            <button class="share-btn" onclick="shareToQQ()">分享到QQ</button>
        </div>

        <div id="tutorial-section">
            <h2 class="section-title"><i class="fas fa-info-circle"></i> 使用教程</h2>
            <div class="tutorial-item">
                <div class="tutorial-step">步骤 1</div>
                <p>打开目标短视频平台，复制分享链接。</p>
            </div>
            <div class="tutorial-item">
                <div class="tutorial-step">步骤 2</div>
                <p>粘贴链接到上方输入框，点击“解析”按钮。</p>
            </div>
            <div class="tutorial-item">
                <div class="tutorial-step">步骤 3</div>
                <p>等待解析完成，点击“保存视频”或“打包下载”。</p>
            </div>
        </div>

        <div id="history-section">
            <h2 class="section-title"><i class="fas fa-history"></i> 解析历史</h2>
            <ul id="history-list"></ul>
        </div>

        <div id="faq-section">
            <div class="section-title"><i class="fas fa-question-circle"></i> 常见问题</div>
            <div class="faq-item">
                <div class="faq-question"><i class="fas fa-question-circle"></i> Android手机上可以用吗？</div>
                <div class="faq-answer">可以的，Android手机在常用的Chrome、UC、360、QQ等浏览器上都可以很方便的使用本站。</div>
            </div>
            <div class="faq-item">
                <div class="faq-question"><i class="fas fa-question-circle"></i> iOS设备（iPhone、iPad、iPod）上点击下载视频按钮后，跳转到视频页面，并没有直接下载，怎么办？</div>
                <div class="faq-answer">因Safari及微信内置浏览器均不支持下载文件，所以保存视频需要借助其他浏览器来完成，建议iOS用户在App Store下载免费的火狐浏览器，支持将下载的视频保存到手机相册。参考: <a href="https://example.com/firefox-tutorial" target="_blank">iPhone上利用《Firefox火狐浏览器》下载视频到手机相册的教程</a>。</div>
            </div>
            <div class="faq-item">
                <div class="faq-question"><i class="fas fa-question-circle"></i> 我在电脑上用的是IE浏览器，点下载视频按钮后，出现跟上面那用iPad的哥们一样的情况，跳转到视频页面，如何下载到本地呢？</div>
                <div class="faq-answer">电脑上少数浏览器不支持直接下载，但可以在下载视频按钮上点击右键，然后选择'目标另存为'或'链接存储为'来下载视频；或者到跳转后的视频页面，在视频画面上点击右键，然后选择'视频另存为'来下载视频。当然，我们更推荐在电脑上使用如谷歌Chrome浏览器、360浏览器极速模式、QQ浏览器极速模式等现代浏览器来获得最佳上网体验。</div>
            </div>
            <div class="faq-item">
                <div class="faq-question"><i class="fas fa-question-circle"></i> 为什么解析成功了，还是有水印？</div>
                <div class="faq-answer">本站可以解析99%以上的视频。但如果视频作者上传的视频本身就有水印，这种水印暂时无法去除。如何判断原视频是否有水印？请查看该视频在相应的APP里播放时是否有水印。</div>
            </div>
            <div class="faq-item">
                <div class="faq-question"><i class="fas fa-question-circle"></i> 为什么会解析失败？</div>
                <div class="faq-answer">视频被删除、被设置成私密、或在审核中都有可能导致解析失败。请确保您复制的是完整的分享链接，包含http或https前缀。您也可以通过“切换接口”按钮，重新尝试。如果仍然失败，可能是该平台暂不支持或接口临时故障，您可以反馈给我们。</div>
            </div>
        </div>

        <footer>
            <p>© 2024-2025 短视频解析 | <a href="javascript:void(0)" id="footer-feedback">意见反馈</a> | 在线访客: <span id="online-users">0</span></p>
            <div class="copyright">
                <p>该功能仅供个人娱乐学习，严禁商业用途。Ctrl + D (或 Command + D) 收藏我们，方便下次使用。</p>
                <p>视频归相关网站及作者所有，本站不存储任何视频及图片。本站不对使用者的行为负担任何法律责任。</p>
                <p>copyright@聚合短视频去水印</p>
            </div>
        </footer>
    </div>

    <div id="loading">
        <div id="loading-spinner"></div>
        <div>解析中，请稍候...</div>
        <div id="progress-container">
            <div id="progress-bar"></div>
        </div>
        <div id="progress-info"></div>
    </div>

    <div id="feedback-modal">
        <div id="feedback-content">
            <button id="close-modal">×</button>
            <h2>反馈</h2>
            <form id="feedback-form">
                <textarea id="feedback-text" placeholder="请输入您的反馈..."></textarea>
                <button type="submit" class="btn">提交</button>
                <button type="button" id="cancel-feedback" class="btn">取消</button>
            </form>
        </div>
    </div>

    <div id="image-modal">
        <img id="modal-image" alt="全尺寸图片">
        <button id="close-modal">×</button>
    </div>

    <script src="script.js"></script>
</body>
</html>