此工具有什么功能
媒体播放器播放设备上的音频和视频文件。通过文件选择或拖放创建播放列表,点击曲目切换,控制播放/暂停、快进、音量和重复(无、全部、单曲)。随机模式打乱播放顺序。所有播放在浏览器中进行——无上传、无服务器。使用 blob URL 从内存加载文件。
如何使用
- 添加文件 — 点击选择或拖放音频/视频文件(MP3、MP4 等)。
- 创建播放列表 — 文件出现在列表中。点击曲目播放。
- 控制 — 播放、暂停、快进、音量。使用重复循环无、全部或当前曲目。
- 随机 — 开启随机获得随机顺序(Fisher-Yates)。
- 移除 — 从播放列表移除曲目。Blob URL 会撤销以释放内存。
- 全屏 — 视频可用时使用全屏。
工作原理
每个文件包装为 MediaItem(File 引用、显示名、类型、blob URL)。URL.createObjectURL(file) 创建供 HTML5 video 元素使用的临时 blob URL。不会向任何服务器发送媒体内容。移除播放列表项或组件卸载时调用 URL.revokeObjectURL() 防止内存泄漏。随机使用 Fisher-Yates 实现均匀随机顺序。重复模式:无(最后一曲后停止)、全部(循环到第一曲)、单曲(循环当前曲)。
所有计算均在您的浏览器中完成。不会向任何服务器发送数据。
使用场景与示例
- 本地音乐 — 播放设备上的 MP3。
- 视频预览 — 快速查看本地视频。
- 播客 — 队列并播放剧集。
- 演示 — 播放背景音频或视频片段。
- 测试 — 验证媒体文件能否正确播放。
示例
- 添加 song1.mp3、song2.mp3 → 两曲播放列表。
- 开启随机 → 播放顺序随机。
- 重复:单曲 → 当前曲目循环直至更改。
限制与已知约束
- 格式支持 — 依赖浏览器和系统(如 MP4、WebM、MP3)。
- Blob URL — 移除/卸载时须撤销以防泄漏。
- 无流式 — 文件加载到内存;超大文件可能较慢。
- 同源 — Blob URL 同源;无跨域媒体。