fftool.wryy.org
Open in
urlscan Pro
220.132.24.175
Public Scan
URL:
https://fftool.wryy.org/
Submission: On April 05 via api from US — Scanned from US
Submission: On April 05 via api from US — Scanned from US
Form analysis
1 forms found in the DOM<form id="fftoolForm">
<!-- 上傳文件區域 -->
<div class="container fileUpload-container">
<h2>上傳檔案</h2>
<input name="file" type="file" id="fileInput" accept="audio/*,video/*">
<p>或輸入網址: <input type="text" name="url" id="urlInput"></p>
<div style="display: flex;justify-content: center;align-items: center;">
<span>影片來自YT、B站?</span>
<button type="button" onclick="convertUrl2File()">點我轉換</button>
<div class="tipBox"> ? <span class="tip" style="white-space: pre-line;">*支援涵蓋大部分媒體網站。 *最大檔案大小為200MB,如超過將截斷剩餘部分。 *轉換檔案將會保留1小時。 </span></div>
</div>
<br>
<a href="https://github.com/yt-dlp/yt-dlp/blob/master/supportedsites.md" target="_blank">網站支援列表(基於yt-dlp)</a>
<br>
</div>
<div class="container preview-container">
<h2>預覽</h2>
<video controls="" autobuffer="preload" class="video" id="videoPreview" start="0.00" end="60"></video>
<div id="playHead" class="noUi-target noUi-ltr noUi-horizontal">
<div class="noUi-base">
<div class="noUi-connects">
<div class="noUi-connect" style="transform: translate(0%, 0px) scale(0, 1);"></div>
</div>
<div class="noUi-origin" style="transform: translate(-1000%, 0px); z-index: 4;">
<div class="noUi-handle noUi-handle-lower" data-handle="0" role="slider" aria-orientation="horizontal" aria-valuemin="0.0" aria-valuemax="60.0" aria-valuenow="0.0" aria-valuetext="0.00">
<div class="noUi-touch-area"></div>
<div class="noUi-tooltip">00:00:00.000</div>
</div>
</div>
</div>
</div>
<div id="clipTrimmer" class="noUi-target noUi-ltr noUi-horizontal">
<div class="noUi-base">
<div class="noUi-connects">
<div class="noUi-connect noUi-draggable" style="transform: translate(0%, 0px) scale(1, 1);"></div>
</div>
<div class="noUi-origin" style="transform: translate(-1000%, 0px); z-index: 5;">
<div class="noUi-handle noUi-handle-lower" data-handle="0" role="slider" aria-orientation="horizontal" aria-valuemin="0.0" aria-valuemax="60.0" aria-valuenow="0.0" aria-valuetext="0.00">
<div class="noUi-touch-area"></div>
<div class="noUi-tooltip">00:00:00.000</div>
</div>
</div>
<div class="noUi-origin" style="transform: translate(0%, 0px); z-index: 4;">
<div class="noUi-handle noUi-handle-upper" data-handle="1" role="slider" aria-orientation="horizontal" aria-valuemin="0.0" aria-valuemax="60.0" aria-valuenow="60.0" aria-valuetext="60.00">
<div class="noUi-touch-area"></div>
<div class="noUi-tooltip">00:01:00.000</div>
</div>
</div>
</div>
<div class="noUi-pips noUi-pips-horizontal">
<div class="noUi-marker noUi-marker-horizontal noUi-marker-large" style="left: 0%;"></div>
<div class="noUi-value noUi-value-horizontal noUi-value-large" data-value="0" style="left: 0%;">00:00:00</div>
<div class="noUi-marker noUi-marker-horizontal noUi-marker-normal" style="left: 3.125%;"></div>
<div class="noUi-marker noUi-marker-horizontal noUi-marker-normal" style="left: 6.25%;"></div>
<div class="noUi-marker noUi-marker-horizontal noUi-marker-normal" style="left: 9.375%;"></div>
<div class="noUi-marker noUi-marker-horizontal noUi-marker-normal" style="left: 12.5%;"></div>
<div class="noUi-marker noUi-marker-horizontal noUi-marker-normal" style="left: 15.625%;"></div>
<div class="noUi-marker noUi-marker-horizontal noUi-marker-normal" style="left: 18.75%;"></div>
<div class="noUi-marker noUi-marker-horizontal noUi-marker-normal" style="left: 21.875%;"></div>
<div class="noUi-marker noUi-marker-horizontal noUi-marker-large" style="left: 25%;"></div>
<div class="noUi-value noUi-value-horizontal noUi-value-large" data-value="15" style="left: 25%;">00:00:15</div>
<div class="noUi-marker noUi-marker-horizontal noUi-marker-normal" style="left: 28.125%;"></div>
<div class="noUi-marker noUi-marker-horizontal noUi-marker-normal" style="left: 31.25%;"></div>
<div class="noUi-marker noUi-marker-horizontal noUi-marker-normal" style="left: 34.375%;"></div>
<div class="noUi-marker noUi-marker-horizontal noUi-marker-normal" style="left: 37.5%;"></div>
<div class="noUi-marker noUi-marker-horizontal noUi-marker-normal" style="left: 40.625%;"></div>
<div class="noUi-marker noUi-marker-horizontal noUi-marker-normal" style="left: 43.75%;"></div>
<div class="noUi-marker noUi-marker-horizontal noUi-marker-normal" style="left: 46.875%;"></div>
<div class="noUi-marker noUi-marker-horizontal noUi-marker-large" style="left: 50%;"></div>
<div class="noUi-value noUi-value-horizontal noUi-value-large" data-value="30" style="left: 50%;">00:00:30</div>
<div class="noUi-marker noUi-marker-horizontal noUi-marker-normal" style="left: 53.125%;"></div>
<div class="noUi-marker noUi-marker-horizontal noUi-marker-normal" style="left: 56.25%;"></div>
<div class="noUi-marker noUi-marker-horizontal noUi-marker-normal" style="left: 59.375%;"></div>
<div class="noUi-marker noUi-marker-horizontal noUi-marker-normal" style="left: 62.5%;"></div>
<div class="noUi-marker noUi-marker-horizontal noUi-marker-normal" style="left: 65.625%;"></div>
<div class="noUi-marker noUi-marker-horizontal noUi-marker-normal" style="left: 68.75%;"></div>
<div class="noUi-marker noUi-marker-horizontal noUi-marker-normal" style="left: 71.875%;"></div>
<div class="noUi-marker noUi-marker-horizontal noUi-marker-large" style="left: 75%;"></div>
<div class="noUi-value noUi-value-horizontal noUi-value-large" data-value="45" style="left: 75%;">00:00:45</div>
<div class="noUi-marker noUi-marker-horizontal noUi-marker-normal" style="left: 78.125%;"></div>
<div class="noUi-marker noUi-marker-horizontal noUi-marker-normal" style="left: 81.25%;"></div>
<div class="noUi-marker noUi-marker-horizontal noUi-marker-normal" style="left: 84.375%;"></div>
<div class="noUi-marker noUi-marker-horizontal noUi-marker-normal" style="left: 87.5%;"></div>
<div class="noUi-marker noUi-marker-horizontal noUi-marker-normal" style="left: 90.625%;"></div>
<div class="noUi-marker noUi-marker-horizontal noUi-marker-normal" style="left: 93.75%;"></div>
<div class="noUi-marker noUi-marker-horizontal noUi-marker-normal" style="left: 96.875%;"></div>
<div class="noUi-marker noUi-marker-horizontal noUi-marker-large" style="left: 100%;"></div>
<div class="noUi-value noUi-value-horizontal noUi-value-large" data-value="60" style="left: 100%;">00:01:00</div>
</div>
</div>
<div id="timeInputs">
<div>
<span>起始時間</span>
<input type="text" name="startTime" id="startInput" value="00:00:00.000">
</div>
<div>
<span>結束時間</span>
<input type="text" name="endTime" id="endInput" value="00:00:00.000">
</div>
<div>
<span>持續時間</span>
<input type="text" id="durationInput" value="00:00:00.000">
</div>
</div>
</div>
<!-- 參數調整區域 -->
<div class="container parameter-container">
<div style="display: flex;align-items: center;">
<h2>參數調整</h2>
<div class="tipBox"> ? <span class="tip" style="white-space: pre-line;">*可轉換大小最高200MB,如超過將截斷剩餘部分,請斟酌調整參數。 *若想裁切成動畫,且時長較長,可以考慮使用avif格式(如果網站支援)。 *轉換檔案將會保留1小時。 </span>
</div>
</div>
<fieldset>
<legend>縮放</legend>
<div>
<label><input type="radio" name="resolution" value="default" checked="">原始</label>
<label><input type="radio" name="resolution" value="1080">自動x1080</label>
<label><input type="radio" name="resolution" value="720">自動x720</label>
<label><input type="radio" name="resolution" value="480">自動x480</label>
</div>
<div>
<label><input type="radio" name="resolution" value="w1200">1200x自動</label>
<label><input type="radio" name="resolution" value="w800">800x自動</label>
<label><input type="radio" name="resolution" value="w600" checked="">600x自動</label>
<label><input type="radio" name="resolution" value="w400">400x自動</label>
</div>
<label><input type="radio" name="resolution" value="other" id="customResolutionOption">其它</label>
<div>
<span>寬高</span>
<input type="number" value="600" name="widthInput" id="widthInput">x<input type="number" value="-1" name="heightInput" id="heightInput">
</div>
</fieldset>
<fieldset>
<legend>畫面裁切</legend>
<div>
<span>寬高</span>
<input type="number" value="" name="cropWidthInput" id="cropWidthInput" placeholder="留空則不使用">x<input type="number" value="" name="cropHeightInput" id="cropHeightInput" placeholder="留空則不使用">
</div>
</fieldset>
<fieldset>
<legend>流暢度</legend>
<label><input type="radio" name="fps" value="default" checked="">原始</label>
<label><input type="radio" name="fps" value="60">60</label>
<label><input type="radio" name="fps" value="30" checked="">30</label>
<label><input type="radio" name="fps" value="20">20</label>
<label><input type="radio" name="fps" value="10">10</label>
<label><input type="radio" name="fps" value="other" id="customFpsOption">其它</label>
<input type="number" name="customfps" id="FpsInput">
<span>fps</span>
</fieldset>
<fieldset style="display: flex;align-items: center;">
<legend>畫面品質</legend>
<span>crf</span>
<div>
<input type="number" name="crf" id="crfInput" placeholder="留空則保持預設" max="51">
</div>
<div class="tipBox"> ? <span class="tip">*為0~51整數值,數值越小畫質越高檔案越大,反之亦然,一般來說18~28是合理的範圍,且18在視覺上被認為是無損的。</span>
</div>
</fieldset>
<fieldset>
<legend>轉換格式</legend>
<label><input type="radio" name="format" value="avif" checked="">.avif(AV1)</label>
<label><input type="radio" name="format" value="gif">.gif</label>
<label><input type="radio" name="format" value="apng">.apng</label>
<label><input type="radio" name="format" value="webp">.webp</label>
<label><input type="radio" name="format" value="mp4">.mp4(H264)</label>
<label><input type="radio" name="format" value="mp3">.mp3</label>
</fieldset>
<button type="button" onclick="submitForm()">開始轉換</button>
</div>
</form>
Text Content
影音轉換工具測試版 上傳檔案 或輸入網址: 影片來自YT、B站? 點我轉換 ? *支援涵蓋大部分媒體網站。 *最大檔案大小為200MB,如超過將截斷剩餘部分。 *轉換檔案將會保留1小時。 網站支援列表(基於yt-dlp) 預覽 00:00:00.000 00:00:00.000 00:01:00.000 00:00:00 00:00:15 00:00:30 00:00:45 00:01:00 起始時間 結束時間 持續時間 參數調整 ? *可轉換大小最高200MB,如超過將截斷剩餘部分,請斟酌調整參數。 *若想裁切成動畫,且時長較長,可以考慮使用avif格式(如果網站支援)。 *轉換檔案將會保留1小時。 縮放 原始 自動x1080 自動x720 自動x480 1200x自動 800x自動 600x自動 400x自動 其它 寬高 x 畫面裁切 寬高 x 流暢度 原始 60 30 20 10 其它 fps 畫面品質 crf ? *為0~51整數值,數值越小畫質越高檔案越大,反之亦然,一般來說18~28是合理的範圍,且18在視覺上被認為是無損的。 轉換格式 .avif(AV1) .gif .apng .webp .mp4(H264) .mp3 開始轉換 輸出 X