5 分鐘上手 VideoDownloadHelper把網(wǎng)頁(yè)視頻存到本地的完整教程【免費(fèi)下載鏈接】VideoDownloadHelperChrome Extension to Help Download Video for Some Video Sites.項(xiàng)目地址: https://gitcode.com/gh_mirrors/vi/VideoDownloadHelperVideoDownloadHelper 是一個(gè) Chrome 擴(kuò)展解決一個(gè)很具體的問(wèn)題把網(wǎng)頁(yè)上正在播的視頻存到你的電腦里。打開(kāi)一個(gè)帶視頻的網(wǎng)頁(yè)點(diǎn)一下工具欄圖標(biāo)它自己就把頁(yè)面里的視頻、音頻、圖片鏈接找出來(lái)你選一條下載就行。全程不需要 F12不需要看源碼。先說(shuō)清楚它是誰(shuí)給誰(shuí)用本質(zhì)一個(gè)輕量的 Chrome 擴(kuò)展Manifest V3沒(méi)有運(yùn)行時(shí)依賴解析邏輯全部在你瀏覽器里跑給誰(shuí)用要存網(wǎng)課、要備份自己發(fā)的視頻、要攢素材的人裝完就能用最大賣(mài)點(diǎn)打開(kāi)頁(yè)面它自己就把視頻找出來(lái)點(diǎn)一下就能存到本地不確定的地方它會(huì)明說(shuō)不裝界面支持 25 種語(yǔ)言包括簡(jiǎn)體中文設(shè)置完立即生效完全開(kāi)源MIT 協(xié)議代碼可以逐行看最短路徑上手3 步裝好git clone https://gitcode.com/gh_mirrors/vi/VideoDownloadHelper cd VideoDownloadHelper/video-url-parser npm install npm run build構(gòu)建需要 Node.js 18 或更高版本。倉(cāng)庫(kù)里不含編譯產(chǎn)物所以npm run build這一步不能省它生成插件真正執(zhí)行的打包腳本。然后加載瀏覽器地址欄輸入chrome://extensions/打開(kāi)右上角開(kāi)發(fā)者模式點(diǎn)加載已解壓的擴(kuò)展程序選擇video-url-parser文件夾驗(yàn)證裝好了隨便打開(kāi)一個(gè)有視頻的網(wǎng)頁(yè)。工具欄圖標(biāo)上出現(xiàn)一個(gè)數(shù)字角標(biāo)表示檢測(cè)到了幾條資源點(diǎn)圖標(biāo)面板里列出了視頻鏈接。兩條都對(duì)得上說(shuō)明裝好了。裝好后怎么用跟著操作走一遍面板一共 3 個(gè)標(biāo)簽頁(yè)Video Downloader主界面、Setting、Log。第一次打開(kāi)面板插件在你打開(kāi)視頻頁(yè)面的那一刻就已經(jīng)掃完了。列表里每條資源旁邊都帶一個(gè)類(lèi)型標(biāo)簽視頻、音頻、圖片顏色區(qū)分掃一眼就知道是什么。篩選按鈕列表上方有 4 個(gè)按鈕Videos 只看視頻、Images 只看圖片、Audio 只看音頻、Links 顯示全部。.m3u8 按鈕單獨(dú)過(guò)濾 HLS 播放列表下面會(huì)講它是什么。下載一條每條資源旁邊有兩個(gè)操作下載交給瀏覽器下載管理器點(diǎn)一下就能存到本地、復(fù)制把鏈接放進(jìn)剪貼板丟給別的工具用。頁(yè)面資源多時(shí)用全部下載 / 全部復(fù)制省事。不進(jìn)面板的兩條路一是快捷鍵默認(rèn) AltShiftV 直接喚起面板改鍵去chrome://extensions/shortcuts。二是右鍵菜單鼠標(biāo)右鍵點(diǎn)頁(yè)面里的視頻元素菜單里直接出現(xiàn)下載入口適合只想要眼前這一個(gè)視頻的時(shí)候。面板右上角的角標(biāo)圖標(biāo)上的數(shù)字就是當(dāng)前頁(yè)面檢測(cè)到的資源條數(shù)。刷新頁(yè)面后數(shù)字會(huì)變方便你確認(rèn)插件在動(dòng)。Setting 與 LogSetting 里切換界面語(yǔ)言25 種可選、開(kāi)關(guān)深色模式。Log 記錄解析日志檢測(cè)不到東西的時(shí)候先看這里。能做什么、不能做什么邊界先說(shuō)清先把限制擺前面誠(chéng)實(shí)比吹噓有用不支持 YouTube。商店上架的版本受平臺(tái)政策約束把 YouTube 和成人網(wǎng)站的解析裁掉了自己從源碼構(gòu)建的本地版功能更全但政策風(fēng)險(xiǎn)自己掂量m3u8 只是播放列表。它是分段流插件負(fù)責(zé)把地址找出來(lái)最終合并成完整視頻還需要?jiǎng)e的工具接手動(dòng)態(tài)加密的頁(yè)面可能一無(wú)所獲。視頻地址是運(yùn)行時(shí)解密、分片拼接的那種通用解析會(huì)漏這種情況去 Setting 里配遠(yuǎn)程解析服務(wù)再試能做的范圍通用策略覆蓋得其實(shí)很寬HTML5 的video標(biāo)簽、source標(biāo)簽og:video元標(biāo)簽里聲明的地址頁(yè)面內(nèi)嵌的 mp4 等直接鏈接.mp4、.webm、.mkv、.mov、.mp3、.m4a9 個(gè)站點(diǎn)有專門(mén)解析器微博、TED、Dailymotion、Vimeo、Facebook、秒拍、梨視頻、MSDN Channel 9、小咖秀專門(mén)解析器之外的網(wǎng)站走的就是上面這套通用策略多數(shù)常規(guī)視頻頁(yè)面都能出結(jié)果。進(jìn)階技巧3 個(gè)立竿見(jiàn)影的設(shè)置 技巧操作什么時(shí)候用自定義快捷鍵打開(kāi)chrome://extensions/shortcuts改Open Video Download Helper的按鍵AltShiftV 和別的軟件撞鍵時(shí)遠(yuǎn)程解析 APISetting 標(biāo)簽頁(yè)填入 VIP Server API Key保存頁(yè)面加密重、本地解析不出東西時(shí)借遠(yuǎn)程服務(wù)再試一次m3u8 過(guò)濾列表上方點(diǎn) .m3u8 按鈕直播回放、分段視頻頁(yè)只留播放列表地址三條都是改一次管很久不用每次現(xiàn)調(diào)。出問(wèn)題時(shí)按這個(gè)順序查 ??現(xiàn)象原因解法圖標(biāo)上沒(méi)數(shù)字、點(diǎn)開(kāi)是空的構(gòu)建步驟沒(méi)做全或頁(yè)面確實(shí)沒(méi)有可識(shí)別資源重新跑npm run build后在擴(kuò)展頁(yè)點(diǎn)重新加載支持的網(wǎng)站也檢測(cè)不到站點(diǎn)改版解析規(guī)則失效先看 Log 標(biāo)簽頁(yè)的記錄再試遠(yuǎn)程解析點(diǎn)下載沒(méi)反應(yīng)鏈接過(guò)期或網(wǎng)絡(luò)中斷刷新頁(yè)面重新檢測(cè)后再下語(yǔ)言切換后沒(méi)生效面板緩存了舊文案關(guān)掉面板重新打開(kāi)下載下來(lái)的 m3u8 打不開(kāi)它是播放列表不是視頻文件另找分段合并工具把 m3u8 轉(zhuǎn)成完整視頻架構(gòu)速覽數(shù)據(jù)在你本機(jī)走一圈video-url-parser/ ├── js/ │ ├── parsevideo.js # 解析引擎 各站點(diǎn)解析器 │ ├── functions.js # 鏈接提取與校驗(yàn) │ ├── background.js # 后臺(tái)服務(wù)下載、右鍵菜單、角標(biāo) │ └── video.js # 面板交互 ├── lang/ # 25 種界面語(yǔ)言 ├── test/ # 單元測(cè)試 ├── main.html # 面板界面 └── manifest.json # 擴(kuò)展配置數(shù)據(jù)流就三句話內(nèi)容腳本注入到每個(gè)網(wǎng)頁(yè)抓取源碼交給本地解析器解析出的鏈接只存在內(nèi)存里渲染到面板你點(diǎn)下載才通過(guò)瀏覽器下載管理器真正落盤(pán)。所有環(huán)節(jié)都在本地瀏覽器執(zhí)行不上傳地址、不收集行為細(xì)節(jié)可查項(xiàng)目根目錄的 PRIVACY.md。現(xiàn)在就做的 3 件事克隆、構(gòu)建、加載擴(kuò)展全程 5 分鐘打開(kāi)一個(gè) TED 演講頁(yè)驗(yàn)證圖標(biāo)出現(xiàn)角標(biāo)、面板出列表下載一條視頻順手在 Setting 把語(yǔ)言切成簡(jiǎn)體中文從 F12 翻源碼到點(diǎn)一下存到本地中間省掉的就是 VideoDownloadHelper 該干的那部分活。【免費(fèi)下載鏈接】VideoDownloadHelperChrome Extension to Help Download Video for Some Video Sites.項(xiàng)目地址: https://gitcode.com/gh_mirrors/vi/VideoDownloadHelper創(chuàng)作聲明：本文部分內(nèi)容由AI輔助生成（AIGC），僅供參考