为后续实现自定义订阅下载前置功能。使用 Next.js 对接 qBittorrent web api。实现 torrent 列表的呈现。 开发 主要使用 @ctrl/qbit...
发简信
IP属地：北京
-
从零开始-文件资源管理器-26-Next.js 对接 QBittorrent web api
-
从零开始-文件资源管理器-25-视频播放列表与调用外部播放器
播放视频时，与当前播放视频同文件夹的自动加入播放列表内，方便跳转与查看。并新增一个使用 IINA 外部播放器的按钮。 开发 功能比较简单，在原视频弹窗的基础上使用 useR...
-
从零开始-文件资源管理器-24-Next.js + antd 暗黑|明亮主题切换
当前主题默认为 “dard” 暗黑模式。这次将支持“暗黑模式”与“明亮模式”之间的切换。 开发 创建一个“主题”上下文文件 explorer/src/components/c...
-
从零开始-文件资源管理器-23-Next.js WebSocket + xterm.js 实现 web 终端
某些情况下，使用终端命令可以更方便的处理一些任务，例如 mkdir jpg && mv *.jpg ./jpg：批量移动 jpg 文件 rm -rf *.jpg：批量删除文件...
-
从零开始-文件资源管理器-22-Next.js WebSocket为后续“web 终端”功能做前置准备。需要 WebSocket 的支持。 Next.js 创建 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-创建、编辑文本文件添加一个新建文件、编辑文件的功能。实现一些轻文本的编辑任务。 开发 explorer-manage 新建、编辑都使用 node 的 fs.writeFileSync 方法。 ...
-
从零开始-文件资源管理器-20-文件呈现排序
JavaScript 的 array sort 方法对字符串的排序有些问题。 纯数字 字符串 数字加字符串 上面的例子发现，字符串的可以排序正常，数字的 11 会拍在 2 的...
-
从零开始-文件资源管理器-19-async 同步目录
使用 async 命令同步文件。实现备份或移动文件。 开发 dockerfile 安装 async 命令 explorer-manage 使用 node 的 spawn 模块...
-
从零开始-文件资源管理器-18-生成视频预览宫格图这次使用 ffmpeg 创建视频的宫格预览图。 主要使用 ffmpeg 的 -ss 参数，获取指定秒数的帧图片。 例如生成 4*8 的宫格预览图就需要 36 条 -ss 参数...
-
从零开始-文件资源管理器-17-读取视频信息
前置准备 需要 ffmpeg 与配套的 ffprobe ffprobe 用于获取视频的媒体信息。视频流，音频流，字幕等信息 ffmpeg 用于获取视频播放更多信息。对视频某个...
-
从零开始-文件资源管理器-16-解压缩
解压缩 这里使用较为常用的 7z 来处理压缩包，它可以解开常见的压缩包格式 开发 预下载 mac 与 linux 版本的 7z 二进制文件，放置于 explorer-mana...
-
从零开始-文件资源管理器-15-统计文件夹大小、当前目录磁盘空间状态explorer-manager 新增依赖 node-df 执行 linux 的 df 命令，并将内容格式化为 node 可直接使用结构 get-folder-size 快速...
-
从零开始-文件资源管理器-14-Next.js Docker 镜像私有部署
经过一周的零碎开发，大致完成了雏形。简单完成了文件移动、文件删除、图片预览、视频播放。考虑部署一版看看效果。 自建 docker registry 私有仓库储存构建好的镜像 ...
-
从零开始-文件资源管理器-13-Next.js server action 创建文件夹、删除、移动这次主要实现 创建文件夹、删除、移动 这三项功能。 常规开发时，需要现在服务端创建 http 接口，提供“创建文件夹、删除、移动”功能。客户端通过 fetch/xhr 链接到...
-
从零开始-文件资源管理器-12-文件夹树列表一个快速选择文件夹树的组件 开发 文件树 文件路径：explorer/src/components/select-path-input/index.tsx 封装一个泡泡弹窗，...
-
从零开始-文件资源管理器-11-视频播放使用 video.js 这个依赖完成浏览器播放视频资源。尝试了一下，常见资源中，除了 AVI 无法正常播放外，mp4、mkv 都能正常播放与快进。React 稍微简单配置下即...
-
从零开始-文件资源管理器-10-获取图片 exif 信息使用 exifreader[https://github.com/mattiasw/ExifReader] 依赖读取图片 Exif 信息。可读取常规 jpeg、png、Web...
-
从零开始-文件资源管理器-09-图片预览使用 Next.js 的 Image 组件显示图片。自带图片压缩生成快速预览的 webp 格式图片 使用 antd 的 PreviewGroup 组件实现原图浏览，自带缩小、...
-
从零开始-文件资源管理器-08-获取文件资源
Next.js 返回文件资源 explorer-manager 新增依赖 file-type：通过 buffer 来读取文件信息 ext-name：通过文件后缀名返回文件信息...