SuperAPI AI 工具集

managing-media

前端与建站

查看项目

更新于 10-15 19:56

技能介绍

用途:为文件与媒体管理提供系统化实现模式,涵盖上传流程、展示模式、播放控制、性能优化与无障碍要求,适用于图片、视频、音频和文档。

主要能力:文件上传(单/多文件、拖拽、小于10MB 基础上传、大于10MB 分块可续传、图片裁剪旋转与格式转换);图片展示(网格/瀑布流图库、灯箱、轮播、懒加载、响应式 srcset、WebP/AVIF 优化);视频(自定义播放器、字幕、倍速、画中画、HLS/DASH 自适应流、预加载策略);音频(播放器、波形可视化、播放列表);文档(PDF 查看器含翻页、缩放、搜索、下载;DOCX/XLSX/PPTX 预览)。含无障碍:图片 alt、视频字幕与转录、音频转录和键盘控制;以及云存储直传(S3、Cloudinary)与设计令牌主题集成。

使用方式:按媒体类型选模式;加载/上传可用 examples 目录示例(如 basic-upload.tsx、chunked-upload.tsx、image-gallery.tsx、video-player.tsx、pdf-viewer.tsx 等)。库推荐含安装命令:npm install react-image-gallery、npm install video.js、npm install wavesurfer.js、npm install react-pdf。脚本示例:python scripts/optimize_images.py --input image.jpg --formats webp,jpg,avif、node scripts/validate_media_accessibility.js、node scripts/analyze_media_performance.js --files images/*.jpg。

限制:资料未提供具体价格、授权或性能基准;文件大小建议为推荐值而非硬性限制;部分能力(如 PDF 注释标注)资料标注为付费,具体收费暂未提供。无障碍自动验证脚本的具体规则与覆盖范围暂未提供。