為后續(xù)實現(xiàn)自定義訂閱下載前置功能。使用 Next.js 對接 qBittorrent web api。實現(xiàn) torrent 列表的呈現(xiàn)。 開發(fā) 主要使用 @ctrl/qbit...
發(fā)簡信
IP屬地：北京
-
從零開始-文件資源管理器-26-Next.js 對接 QBittorrent web api
-
從零開始-文件資源管理器-25-視頻播放列表與調(diào)用外部播放器
播放視頻時，與當(dāng)前播放視頻同文件夾的自動加入播放列表內(nèi)，方便跳轉(zhuǎn)與查看。并新增一個使用 IINA 外部播放器的按鈕。 開發(fā) 功能比較簡單，在原視頻彈窗的基礎(chǔ)上使用 useR...
-
從零開始-文件資源管理器-24-Next.js + antd 暗黑|明亮主題切換
當(dāng)前主題默認為 “dard” 暗黑模式。這次將支持“暗黑模式”與“明亮模式”之間的切換。 開發(fā) 創(chuàng)建一個“主題”上下文文件 explorer/src/components/c...
-
從零開始-文件資源管理器-23-Next.js WebSocket + xterm.js 實現(xiàn) web 終端
某些情況下，使用終端命令可以更方便的處理一些任務(wù)，例如 mkdir jpg && mv *.jpg ./jpg：批量移動 jpg 文件 rm -rf *.jpg：批量刪除文件...
-
從零開始-文件資源管理器-22-Next.js WebSocket為后續(xù)“web 終端”功能做前置準備。需要 WebSocket 的支持。 Next.js 創(chuàng)建 WebSocket 需要使用 pages router。app router ...
-
Next.js@14 server actions 使用體驗Next.js Server Actions Next.js@14 中默認開啟 Server Actions[https://nextjs.org/docs/app/buil...
-
從零開始-文件資源管理器-21-創(chuàng)建、編輯文本文件添加一個新建文件、編輯文件的功能。實現(xiàn)一些輕文本的編輯任務(wù)。 開發(fā) explorer-manage 新建、編輯都使用 node 的 fs.writeFileSync 方法。 ...
-
從零開始-文件資源管理器-20-文件呈現(xiàn)排序
JavaScript 的 array sort 方法對字符串的排序有些問題。 純數(shù)字 字符串 數(shù)字加字符串 上面的例子發(fā)現(xiàn)，字符串的可以排序正常，數(shù)字的 11 會拍在 2 的...
-
從零開始-文件資源管理器-19-async 同步目錄
使用 async 命令同步文件。實現(xiàn)備份或移動文件。 開發(fā) dockerfile 安裝 async 命令 explorer-manage 使用 node 的 spawn 模塊...
-
從零開始-文件資源管理器-18-生成視頻預(yù)覽宮格圖這次使用 ffmpeg 創(chuàng)建視頻的宮格預(yù)覽圖。 主要使用 ffmpeg 的 -ss 參數(shù)，獲取指定秒數(shù)的幀圖片。 例如生成 4*8 的宮格預(yù)覽圖就需要 36 條 -ss 參數(shù)...
-
從零開始-文件資源管理器-17-讀取視頻信息
前置準備 需要 ffmpeg 與配套的 ffprobe ffprobe 用于獲取視頻的媒體信息。視頻流，音頻流，字幕等信息 ffmpeg 用于獲取視頻播放更多信息。對視頻某個...
-
從零開始-文件資源管理器-16-解壓縮
解壓縮 這里使用較為常用的 7z 來處理壓縮包，它可以解開常見的壓縮包格式 開發(fā) 預(yù)下載 mac 與 linux 版本的 7z 二進制文件，放置于 explorer-mana...
-
從零開始-文件資源管理器-15-統(tǒng)計文件夾大小、當(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ā)，大致完成了雛形。簡單完成了文件移動、文件刪除、圖片預(yù)覽、視頻播放?？紤]部署一版看看效果。 自建 docker registry 私有倉庫儲存構(gòu)建好的鏡像 ...
-
從零開始-文件資源管理器-13-Next.js server action 創(chuàng)建文件夾、刪除、移動這次主要實現(xiàn) 創(chuàng)建文件夾、刪除、移動 這三項功能。 常規(guī)開發(fā)時，需要現(xiàn)在服務(wù)端創(chuàng)建 http 接口，提供“創(chuàng)建文件夾、刪除、移動”功能?？蛻舳送ㄟ^ fetch/xhr 鏈接到...
-
從零開始-文件資源管理器-12-文件夾樹列表一個快速選擇文件夾樹的組件 開發(fā) 文件樹 文件路徑：explorer/src/components/select-path-input/index.tsx 封裝一個泡泡彈窗，...
-
從零開始-文件資源管理器-11-視頻播放使用 video.js 這個依賴完成瀏覽器播放視頻資源。嘗試了一下，常見資源中，除了 AVI 無法正常播放外，mp4、mkv 都能正常播放與快進。React 稍微簡單配置下即...
-
從零開始-文件資源管理器-10-獲取圖片 exif 信息使用 exifreader[https://github.com/mattiasw/ExifReader] 依賴讀取圖片 Exif 信息?？勺x取常規(guī) jpeg、png、Web...
-
從零開始-文件資源管理器-09-圖片預(yù)覽使用 Next.js 的 Image 組件顯示圖片。自帶圖片壓縮生成快速預(yù)覽的 webp 格式圖片 使用 antd 的 PreviewGroup 組件實現(xiàn)原圖瀏覽，自帶縮小、...
-
從零開始-文件資源管理器-08-獲取文件資源
Next.js 返回文件資源 explorer-manager 新增依賴 file-type：通過 buffer 來讀取文件信息 ext-name：通過文件后綴名返回文件信息...