直接從資料夾裡開啟 index.html，瀏覽器會攔下 JavaScript 模組，於是你選好影片之後，頁面不會有任何反應。改用 http 把這個資料夾提供出去：
powershell -ExecutionPolicy Bypass -File serve.ps1
然後開啟 http://localhost:8080/。
把片子切到只剩要緊的那塊。
每一幀的解碼、裁剪、編碼，都是你自己的瀏覽器用你自己的硬體做的。這裡沒有任何東西能取資料或者發資料，這個工具壓根沒有聯網功能。就算真有，這個頁面的另一頭也沒有伺服器能接住一段影片。
即時檢查： 檢查中…
離線： 檢查中…
別信我們嘴上說的。開啟開發者工具，盯著「網路」面板，裁一段試試。沒有一條請求帶著畫面幀、檔名，或者你選中內容裡的任何一個位元組。或者乾脆拔掉網線照裁，一個把影片送出去處理的工具，這時候就該停了。
你可以自己核對。上面這些不用你信。這個頁面是儲存庫裡的模板和配置產生出來的，構建指令碼你能讀，也能自己跑一遍，跑出來的結果就提交在 dist 分支上。拿實際發給你的內容，跟你自己從原始碼構建出來的結果對一遍就知道了：
github.com/A-Box-of-Tools/website
最值得先讀的幾個檔案：config/site.toml 裡是 Content-Security-Policy，src/shared/mp4-reader.js 裡是在 MP4 裡找出幀的那個讀取器，src/transcode.js 裡是解碼、裁剪、編碼的那個迴圈。兩個都沒有引入任何能發請求的東西。
如果公司的安全軟體警告說有上傳。它盯著瀏覽器裡選擇檔案的那一刻，而且無法知道頁面是否打算把它發出去——所以在選擇時就發出警告。這裡什麼都不會發出去：開啟瀏覽器的開發者工具，切到網路，然後選一個檔案。沒有任何請求帶著它，除了這個頁面自己的本地預覽之外，根本沒有任何請求。同樣的檢查，你們的 IT 同事半分鐘就能做完。
播放片子，或拖下面的滑塊，挑一幀來對齊這個框。在框裡拖是移動，拖四角是縮放。框選中時，方向鍵一次挪一個畫素，Alt + 方向鍵是改大小，按住 Shift 一步走十個。
正在解碼…
0:00.000
寬和高按 2 跳，因為 H.264 沒辦法存一條邊是奇數畫素的幀。
畫質 絕不會比原片在同一塊區域上花得還多，超過那個數只會讓檔案變大。
這次管用嗎？
哪裡不對？
謝謝，這很有用。
發出去的只有你這個回答，而且只在你按下按鈕的時候。你的檔案、它的名字，以及跟它有關的任何東西，一樣都不發。
# 影片裁剪 線上裁畫面 把片子切到只剩要緊的那塊。 > 把 MP4、MOV 或 WebM 裁成任意形狀，方圖、9:16 直式，或者精確到畫素的一個框。在瀏覽器裡跑，不上傳，聲音留著，斷網也能用。 本頁是一個完全在你的瀏覽器裡執行的互動式工具，地址是 https://abox.tools/zh-TW/crop-video/。你交給它的任何內容都不會被上傳。下面是這個頁面用文字對該工具的全部說明；要使用它，請開啟這個地址。 ## 你的影片**不會上傳**。這裡根本沒有伺服器。 每一幀的解碼、裁剪、編碼，都是你自己的瀏覽器用你自己的硬體做的。這裡沒有任何東西能取資料或者發資料，這個工具壓根沒有聯網功能。就算真有，這個頁面的另一頭也沒有伺服器能接住一段影片。 - ✗ 不上傳 - ✗ 不註冊 - ✗ 沒有水印 - ✓ 聲音留著 - ✓ 斷網能用 ## 影片畫面怎麼裁 1. **選一段影片。** 把 MP4、MOV、M4V 或者 WebM 拖到下面的方框裡，或者點開自己挑。瀏覽器直接從你的硬碟上讀，這期間沒有東西發出去。 2. **拉個框，框住你要留下的那塊。** 在框裡拖是移動，拖四角是縮放。也可以先鎖定形狀，方圖發帖用 1:1，手機上看用 9:16，寬幅用 16:9，或者在下面四個輸入框裡填一個精確到畫素的框。播放片子，或拖下面的滑塊，挑一幀來對齊這個框。 3. **決定畫質花多少。** 畫面必須重新編碼，因為裁過的一幀已經是另一張圖了。「均衡」大致維持原檔案在這塊區域上原本花的位元速率，「最好畫質」花得更多。聲音預設留著，你也可以關掉。 4. **裁完就下載。** 工作在你自己的硬體上執行，所以快慢取決於你這臺機器，不取決於排隊。裁好的影片直接交給瀏覽器的下載。 ## 說得更細的版本 [怎麼把影片畫面裁成另一個形狀](https://abox.tools/zh-TW/guides/crop-a-video/): 把片子裁成方圖、9:16 直式，或者精確到畫素的一個框。各家平臺要哪個比例，為什麼剪時長不用重編而裁畫面非重編不可，以及這一下的代價。 ## 工具箱裡還有 - [影片倒放](https://abox.tools/zh-TW/reverse-video/): 最後一幀排在最前，連聲音一起。 - [延時影片](https://abox.tools/zh-TW/timelapse-video/): 一小時的素材，二十秒看完。 - [影片截幀](https://abox.tools/zh-TW/grab-frame/): 任意位置，一張原畫質靜幀。 - [影片轉 GIF](https://abox.tools/zh-TW/video-to-gif/): 挑好段落、尺寸和幀率。 ## 常見問題 ### 我的影片會傳到什麼地方去嗎？ 不會。讀取、解碼、裁剪、編碼，全由你自己的瀏覽器在你自己的硬體上完成。這個工具沒有伺服器那一半，頁面的 `Content-Security-Policy` 把它可能聯的地址全列了出來，沒有一個是本站的。與其聽我們說，不如拔掉網線，照裁一段試試。 ### 能裁哪些格式？ MP4、M4V 和 MOV 直接讀，裡面裝的是 H.264、HEVC、AV1 還是 VP9 都行，只要你的瀏覽器解得了那個編碼。其他瀏覽器能播的格式，最典型的是 WebM，改成一邊播一邊錄來裁，能用，但片子多長就得花多長時間。瀏覽器既讀不了也播不了的檔案，實際上就是 AVI、WMV、FLV 和大多數 MKV，會被直接拒收並說明原因，不會做到一半才崩。 ### 影片的大小和長度有限制嗎？ 工具裡沒設上限，檔案也不是一口氣讀進記憶體的，而是一次幾 MB 地走過去。真正的天花板是成品，它要在記憶體裡拼好你才能下載，再就是你這臺機器編碼要花多久。 ### 聲音會保住嗎？ 走 MP4 這條路是分毫不差的：音訊逐個取樣複製過去，全程不解碼，跟原檔案裡的位元組一模一樣。走錄製那條路，聲音是從播放裡採下來再編一遍的，會掉一點品質。兩條路都有個勾選框，可以乾脆不要聲音。 ### 裁剪會掉畫質嗎？ 畫面要重新編碼，因為裁過的一幀已經是另一張圖，不把畫素重寫一遍就存不下來。工具不肯做的是在同一塊區域上花得比原來還多，超過那個數只會讓檔案變大，看起來並不會更好。 ### 能順便剪時長嗎？ 這裡不行，隔壁可以。這個工具只改畫面的形狀，別的都不動，出來的片子跟進去的一樣長，時間軸和聲音原封不動。剪時長是另一件事，也是另一個工具，[影片剪輯](https://abox.tools/zh-TW/trim-video/)把片子裡值得留的段落標出來，存成一個檔案，而且一幀都不重編。 ### 寬和高為什麼只能按 2 跳？ MP4 裡的 H.264 把畫面按塊存，根本沒辦法描述一條邊是奇數畫素的幀。與其等你設完再悄悄替你取整，不如這個框從一開始就只給偶數。 ### 免費嗎？要註冊嗎？ 免費，沒有帳號，不用登入，沒有試用期，也沒有水印。本站帶廣告，經費就是這麼來的，廣告拿不到關於你影片的任何資訊。 ## 這條隱私承諾怎麼核實 - **你的影片沒地方可去。** Content-Security-Policy 把這個頁面允許聯的地址全列了出來，沒有一個是本站的。這裡沒有能收檔案的介面，程式碼裡也沒有一行會把檔案發出去，就算真有那麼個介面也一樣。 - **這裡沒有任何東西會去聯網取資料。** 這個工具完全沒有聯網功能。沒有網址可以貼，沒有東西要下載，第一次用也不去取什麼引擎。碰過你影片的每一個位元組，都是頁面載入時從本站來的。 - **解碼和編碼都在本地。** 畫面幀走的是你自己瀏覽器裡的 WebCodecs，或者走那個本來就負責放這段片子的播放引擎。成品在這臺機器的記憶體裡拼好，直接交給下載。 - **聲音只是搬過去，沒人聽。** 走 MP4 這條路時，音訊取樣整塊搬過去，根本不解碼。這裡沒有任何東西會把它們還原成聲音，就算還原了，也沒地方可送。 - **Google 載入了什麼，又拿不到什麼。** 廣告指令碼和統計指令碼來自 Google。關於你影片的資訊，一條都沒給它們，檔案不給，畫面幀不給，檔名、大小、時長、你裁成什麼形狀，也都不給。讀檔案、解碼、裁剪、編碼的每一行程式碼都從本站發出，也都擺在儲存庫裡。 - **捐助按鈕載入了什麼，又拿不到什麼。** 頁頭那個「Buy me a coffee」按鈕，由 cdnjs.buymeacoffee.com 的指令碼畫出來，字型取自 Google Fonts。它就是個連結，僅此而已，不上報訪問，也拿不到關於你或者你影片的任何東西。 - **斷網照樣能用。** 斷開網路，這個頁面上的一切照常工作。這是最省事的一條證明。 **你可以自己核對。**上面這些不用你信。這個頁面是儲存庫裡的模板和配置產生出來的，構建指令碼你能讀，也能自己跑一遍，跑出來的結果就提交在 `dist` 分支上。拿實際發給你的內容，跟你自己從原始碼構建出來的結果對一遍就知道了： https://github.com/A-Box-of-Tools/website 最值得先讀的幾個檔案：`config/site.toml` 裡是 Content-Security-Policy，`src/shared/mp4-reader.js` 裡是在 MP4 裡找出幀的那個讀取器，`src/transcode.js` 裡是解碼、裁剪、編碼的那個迴圈。兩個都沒有引入任何能發請求的東西。
怎麼把影片畫面裁成另一個形狀 把片子裁成方圖、9:16 直式，或者精確到畫素的一個框。各家平臺要哪個比例，為什麼剪時長不用重編而裁畫面非重編不可，以及這一下的代價。
不會。讀取、解碼、裁剪、編碼，全由你自己的瀏覽器在你自己的硬體上完成。這個工具沒有伺服器那一半，頁面的 Content-Security-Policy 把它可能聯的地址全列了出來，沒有一個是本站的。與其聽我們說，不如拔掉網線，照裁一段試試。
MP4、M4V 和 MOV 直接讀，裡面裝的是 H.264、HEVC、AV1 還是 VP9 都行，只要你的瀏覽器解得了那個編碼。其他瀏覽器能播的格式，最典型的是 WebM，改成一邊播一邊錄來裁，能用，但片子多長就得花多長時間。瀏覽器既讀不了也播不了的檔案，實際上就是 AVI、WMV、FLV 和大多數 MKV，會被直接拒收並說明原因，不會做到一半才崩。
工具裡沒設上限，檔案也不是一口氣讀進記憶體的，而是一次幾 MB 地走過去。真正的天花板是成品，它要在記憶體裡拼好你才能下載，再就是你這臺機器編碼要花多久。
走 MP4 這條路是分毫不差的：音訊逐個取樣複製過去，全程不解碼，跟原檔案裡的位元組一模一樣。走錄製那條路，聲音是從播放裡採下來再編一遍的，會掉一點品質。兩條路都有個勾選框，可以乾脆不要聲音。
畫面要重新編碼，因為裁過的一幀已經是另一張圖，不把畫素重寫一遍就存不下來。工具不肯做的是在同一塊區域上花得比原來還多，超過那個數只會讓檔案變大，看起來並不會更好。
這裡不行，隔壁可以。這個工具只改畫面的形狀，別的都不動，出來的片子跟進去的一樣長，時間軸和聲音原封不動。剪時長是另一件事，也是另一個工具，影片剪輯把片子裡值得留的段落標出來，存成一個檔案，而且一幀都不重編。
MP4 裡的 H.264 把畫面按塊存，根本沒辦法描述一條邊是奇數畫素的幀。與其等你設完再悄悄替你取整，不如這個框從一開始就只給偶數。
免費，沒有帳號，不用登入，沒有試用期，也沒有水印。本站帶廣告，經費就是這麼來的，廣告拿不到關於你影片的任何資訊。