為后續(xù)實(shí)現(xiàn)自定義訂閱下載前置功能忿危。使用 Next.js 對(duì)接 qBittorrent web api达箍。實(shí)現(xiàn) torrent 列表的呈現(xiàn)。 開發(fā) 主要使用 @ctrl/qbit...
發(fā)簡信
IP屬地：北京
-
從零開始-文件資源管理器-26-Next.js 對(duì)接 QBittorrent web api
-
從零開始-文件資源管理器-25-視頻播放列表與調(diào)用外部播放器
播放視頻時(shí)缎玫，與當(dāng)前播放視頻同文件夾的自動(dòng)加入播放列表內(nèi)解滓，方便跳轉(zhuǎn)與查看赃磨。并新增一個(gè)使用 IINA 外部播放器的按鈕洼裤。 開發(fā) 功能比較簡單邻辉，在原視頻彈窗的基礎(chǔ)上使用 useR...
-
從零開始-文件資源管理器-24-Next.js + antd 暗黑|明亮主題切換
當(dāng)前主題默認(rèn)為 “dard” 暗黑模式。這次將支持“暗黑模式”與“明亮模式”之間的切換恩沛。 開發(fā) 創(chuàng)建一個(gè)“主題”上下文文件 explorer/src/components/c...
-
從零開始-文件資源管理器-23-Next.js WebSocket + xterm.js 實(shí)現(xiàn) web 終端
某些情況下，使用終端命令可以更方便的處理一些任務(wù)芒珠，例如 mkdir jpg && mv *.jpg ./jpg：批量移動(dòng) jpg 文件 rm -rf *.jpg：批量刪除文件...
-
從零開始-文件資源管理器-22-Next.js WebSocket為后續(xù)“web 終端”功能做前置準(zhǔn)備搅裙。需要 WebSocket 的支持皱卓。 Next.js 創(chuàng)建 WebSocket 需要使用 pages router部逮。app router ...
-
Next.js@14 server actions 使用體驗(yàn)Next.js Server Actions Next.js@14 中默認(rèn)開啟 Server Actions[https://nextjs.org/docs/app/buil...
-
從零開始-文件資源管理器-21-創(chuàng)建兄朋、編輯文本文件添加一個(gè)新建文件掐禁、編輯文件的功能。實(shí)現(xiàn)一些輕文本的編輯任務(wù)颅和。 開發(fā) explorer-manage 新建、編輯都使用 node 的 fs.writeFileSync 方法峡扩。 ...
-
從零開始-文件資源管理器-20-文件呈現(xiàn)排序
JavaScript 的 array sort 方法對(duì)字符串的排序有些問題。 純數(shù)字 字符串 數(shù)字加字符串 上面的例子發(fā)現(xiàn)教届，字符串的可以排序正常，數(shù)字的 11 會(huì)拍在 2 的...
-
從零開始-文件資源管理器-19-async 同步目錄
使用 async 命令同步文件案训。實(shí)現(xiàn)備份或移動(dòng)文件。 開發(fā) dockerfile 安裝 async 命令 explorer-manage 使用 node 的 spawn 模塊...
-
從零開始-文件資源管理器-18-生成視頻預(yù)覽宮格圖這次使用 ffmpeg 創(chuàng)建視頻的宮格預(yù)覽圖堕义。 主要使用 ffmpeg 的 -ss 參數(shù)，獲取指定秒數(shù)的幀圖片脆栋。 例如生成 4*8 的宮格預(yù)覽圖就需要 36 條 -ss 參數(shù)...
-
從零開始-文件資源管理器-17-讀取視頻信息
前置準(zhǔn)備 需要 ffmpeg 與配套的 ffprobe ffprobe 用于獲取視頻的媒體信息洒擦。視頻流椿争，音頻流熟嫩，字幕等信息 ffmpeg 用于獲取視頻播放更多信息秦踪。對(duì)視頻某個(gè)...
-
從零開始-文件資源管理器-16-解壓縮
解壓縮 這里使用較為常用的 7z 來處理壓縮包，它可以解開常見的壓縮包格式 開發(fā) 預(yù)下載 mac 與 linux 版本的 7z 二進(jìn)制文件椅邓，放置于 explorer-mana...
-
從零開始-文件資源管理器-15-統(tǒng)計(jì)文件夾大小、當(dāng)前目錄磁盤空間狀態(tài)explorer-manager 新增依賴 node-df 執(zhí)行 linux 的 df 命令景馁，并將內(nèi)容格式化為 node 可直接使用結(jié)構(gòu) get-folder-size 快速...
-
從零開始-文件資源管理器-14-Next.js Docker 鏡像私有部署
經(jīng)過一周的零碎開發(fā)，大致完成了雛形合住。簡單完成了文件移動(dòng)、文件刪除透葛、圖片預(yù)覽笨使、視頻播放×藕Γ考慮部署一版看看效果硫椰。 自建 docker registry 私有倉庫儲(chǔ)存構(gòu)建好的鏡像 ...
-
從零開始-文件資源管理器-13-Next.js server action 創(chuàng)建文件夾萨蚕、刪除最爬、移動(dòng)這次主要實(shí)現(xiàn) 創(chuàng)建文件夾门岔、刪除爱致、移動(dòng) 這三項(xiàng)功能。 常規(guī)開發(fā)時(shí)寒随，需要現(xiàn)在服務(wù)端創(chuàng)建 http 接口糠悯，提供“創(chuàng)建文件夾妻往、刪除互艾、移動(dòng)”功能⊙镀客戶端通過 fetch/xhr 鏈接到...
-
從零開始-文件資源管理器-12-文件夾樹列表一個(gè)快速選擇文件夾樹的組件 開發(fā) 文件樹 文件路徑：explorer/src/components/select-path-input/index.tsx 封裝一個(gè)泡泡彈窗，...
-
從零開始-文件資源管理器-11-視頻播放使用 video.js 這個(gè)依賴完成瀏覽器播放視頻資源昨稼。嘗試了一下，常見資源中拳锚，除了 AVI 無法正常播放外假栓，mp4、mkv 都能正常播放與快進(jìn)霍掺。React 稍微簡單配置下即...
-
從零開始-文件資源管理器-10-獲取圖片 exif 信息使用 exifreader[https://github.com/mattiasw/ExifReader] 依賴讀取圖片 Exif 信息⊙览觯可讀取常規(guī) jpeg简卧、png、Web...
-
從零開始-文件資源管理器-09-圖片預(yù)覽使用 Next.js 的 Image 組件顯示圖片举娩。自帶圖片壓縮生成快速預(yù)覽的 webp 格式圖片 使用 antd 的 PreviewGroup 組件實(shí)現(xiàn)原圖瀏覽，自帶縮小拍棕、...
-
從零開始-文件資源管理器-08-獲取文件資源
Next.js 返回文件資源 explorer-manager 新增依賴 file-type：通過 buffer 來讀取文件信息 ext-name：通過文件后綴名返回文件信息...