Hướng Dẫn Trình phát Media

Công cụ này làm gì

Trình phát Media phát tệp âm thanh và video từ thiết bị của bạn. Tạo danh sách phát qua chọn tệp hoặc kéo thả, nhảy đến bài bằng cách nhấp, điều khiển phát/tạm dừng, tua, âm lượng và lặp (không, tất cả, một). Chế độ shuffle xáo ngẫu nhiên thứ tự phát. Tất cả phát diễn ra trên trình duyệt—không tải lên, không máy chủ. Sử dụng blob URL để tải tệp từ bộ nhớ.

Cách sử dụng

1. Thêm tệp — Nhấp để chọn hoặc kéo thả tệp âm thanh/video (MP3, MP4, v.v.).
2. Tạo danh sách phát — Tệp xuất hiện trong danh sách phát. Nhấp bài để phát.
3. Điều khiển — Phát, tạm dừng, tua, âm lượng. Dùng lặp để vòng không, tất cả hoặc bài hiện tại.
4. Shuffle — Bật shuffle cho thứ tự ngẫu nhiên (Fisher-Yates).
5. Xóa — Xóa bài khỏi danh sách phát. Blob URL được thu hồi để giải phóng bộ nhớ.
6. Toàn màn hình — Dùng video toàn màn hình khi có sẵn.

Cách hoạt động

Mỗi tệp được bọc thành MediaItem (tham chiếu File, tên hiển thị, loại, blob URL). URL.createObjectURL(file) tạo blob URL tạm thời dùng bởi phần tử video HTML5. Không nội dung media được gửi đến máy chủ nào. Khi mục danh sách phát bị xóa hoặc component được gỡ, URL.revokeObjectURL() được gọi để tránh rò rỉ bộ nhớ. Shuffle dùng Fisher-Yates cho thứ tự ngẫu nhiên đồng đều. Chế độ lặp: không (dừng sau bài cuối), tất cả (quay về bài đầu), một (lặp bài hiện tại).

Tất cả tính toán và xử lý chạy hoàn toàn trên trình duyệt của bạn. Không có dữ liệu được gửi đến máy chủ.

Trường hợp sử dụng & ví dụ

• Nhạc cục bộ — Phát MP3 từ thiết bị của bạn.
• Xem trước video — Xem nhanh tệp video cục bộ.
• Podcast — Xếp hàng và phát tập.
• Trình bày — Phát âm thanh hoặc clip video nền.
• Kiểm thử — Xác minh tệp media phát đúng.

Ví dụ

• Thêm song1.mp3, song2.mp3 → Danh sách phát với hai bài.
• Shuffle bật → Thứ tự phát xáo ngẫu nhiên.
• Lặp: một → Bài hiện tại lặp cho đến khi thay đổi.

Giới hạn & lưu ý

• Hỗ trợ định dạng — Phụ thuộc trình duyệt và OS (ví dụ MP4, WebM, MP3).
• Blob URL — Phải thu hồi khi xóa/gỡ để tránh rò rỉ.
• Không streaming — Tệp được tải vào bộ nhớ; tệp rất lớn có thể chậm.
• Cùng nguồn — Blob URL cùng nguồn; không media chéo nguồn.