媒体播放器 使用指南

播放设备上的音频和视频文件。创建播放列表、随机播放、控制循环 — 全在浏览器中完成。

返回 媒体播放器

此工具有什么功能

媒体播放器播放设备上的音频和视频文件。通过文件选择或拖放创建播放列表,点击曲目切换,控制播放/暂停、快进、音量和重复(无、全部、单曲)。随机模式打乱播放顺序。所有播放在浏览器中进行——无上传、无服务器。使用 blob URL 从内存加载文件。

如何使用

  1. 添加文件 — 点击选择或拖放音频/视频文件(MP3、MP4 等)。
  2. 创建播放列表 — 文件出现在列表中。点击曲目播放。
  3. 控制 — 播放、暂停、快进、音量。使用重复循环无、全部或当前曲目。
  4. 随机 — 开启随机获得随机顺序(Fisher-Yates)。
  5. 移除 — 从播放列表移除曲目。Blob URL 会撤销以释放内存。
  6. 全屏 — 视频可用时使用全屏。

工作原理

每个文件包装为 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 同源;无跨域媒体。

工作原理

方法

  • Media files are loaded and played locally in your browser; nothing is uploaded to any server.
  • Files are released from memory when you remove them or leave the page.

所有计算和转换均完全在您的浏览器中运行。不会向任何服务器发送数据,您的输入不会离开您的设备。