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

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