SevenOutman/vue-aplayer

🎵 Vue-APlayer — Trình phát nhạc Vue 2.x nhẹ và đẹp ngay từ props

Vue implementation của APlayer, cung cấp giao diện trình phát âm nhạc đẹp mắt, hỗ trợ lời bài ca cuộn và quản lý danh sách phát, phù hợp tích hợp nhanh vào dự án Vue 2.x.

Vue-APlayer là bản Vue của APlayer — một thành phần trình phát âm nhạc HTML5 mã nguồn mở. Dự án hỗ trợ các tính năng như cuộn lời bài ca, danh sách phát với chế độ lặp và xáo trộn, tùy chỉnh màu chủ đề, và phát lại đa luồng HLS. Được thiết kế để dễ dùng: chỉ cần truyền prop music là có thể chạy ngay.

✨ Điểm nổi bật

• Giao diện đẹp và sạch: Thiết kế hiện đại, tối giản, dễ tích hợp.
• Cuộn lời bài ca: Đồng bộ lời bài ca với thời gian phát nhạc.
• Danh sách phát: Hỗ trợ lặp lại và xáo trộn bài hát.
• Tùy chỉnh màu chủ đề: Có thể thay đổi màu sắc hoặc tự động thích ứng.
• Kéo và đặt vị trí: Di chuyển trình phát đến bất kỳ nơ đâu trên trang.
• Phát bản quyền âm nhạc: Đảm bảo chỉ một bản nhạc đang phát tại một thời điểm.
• Hỗ trợ HLS: Phát lại luồng âm thanh HTTP Live Streaming.
• API và props đơn giản: Dễ dàng sử dụng và tích hợp.
• Không phụ thuộc, nhẹ: Chỉ 16KB khi nén gzipped.

💡 Vì sao đáng chú ý

Vue-APlayer không chỉ là một thành phần trình phát âm nhạc — nó mang trải nghiệm người dùng mượt mà từ APlayer sang Vue một cách trọn vẹn. Nhờ thiết kế dựa trên props và API đơn giản, nhà phát triển có thể thêm trình phát nhạc vào giao diện chỉ trong vài dòng. Đặc biệt phù hợp với các ứng dụng web âm nhạc, blog cá nhân hoặc bất kỳ nơi nào cần một bộ phận phát nhạc tinh tế mà không cần dựng hệ thống lớn.

#Vue #Vue2 #MusicPlayer #APlayer #OpenSource #TiniX