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