用途:为文件与媒体管理提供系统化实现模式,涵盖上传流程、展示模式、播放控制、性能优化与无障碍要求,适用于图片、视频、音频和文档。
主要能力:文件上传(单/多文件、拖拽、小于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 注释标注)资料标注为付费,具体收费暂未提供。无障碍自动验证脚本的具体规则与覆盖范围暂未提供。