|
|
<!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"> |
|
|
|
|
|
<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> |
