ChartJs

• Giao diện được lấy ý tưởng từ web Zingmp3

• Đa số data được gọi từ Api

• Nguồn tham khảo https://www.npmjs.com/package/zingmp3-api-full

• Nguồn dữ liệu api được thu nhập trên các mxh:

  Song : https://dathuynhmusictest.vercel.app/api/song?id=ZO98F9W6

  Playlist : https://dathuynhmusictest.vercel.app/api/playlist?id=ZWZB969E

  Home : https://dathuynhmusictest.vercel.app/api/home?page=1

  Top 100 : https://mp3.zing.vn/xhr/chart-realtime?songId=0&videoId=0&albumId=0&chart=song&time=-1

  Lyric : https://dathuynhmusictest.vercel.app/api/lyric?id=ZOACFBBU

  List MV : https://dathuynhmusictest.vercel.app/api/listMV?id=IWZ9Z08I&page=1&count=15

 - Play / Pause - Next / Prev - Next bài ngẫu nhiên - Lặp lại bài hát - Thay đổi chủ đề - Cài thời gian tắt nhạc - Click thanh progress tua nhạc - Click và kéo On / Off Volume - Xem Lời Bản Nhạc, Active thời gian thực - Trình phát nhạc tập trung (không gian fullscreen) - Đăng nhâp , Đăng ký , Chỉnh sửa thông tin user - Like list nhạc , bài hát , quan tâm nghệ sĩ - Kéo thả thay đổi danh sách nhạc 

• Nghe Nhạc:

  • Click vào nút play khi hover vào 1 list nhạc sẽ xuất ra danh sách nhạc bên tab Danh sách phát (bên phải)

    <img src='./public/demo1.PNG'> 

  • Bài hát đầu tiên của list sẽ được play()

  • Tại tab Danh sách phát bạn có thể hover vào item vào click btn Play để chay bản nhạc đó

  • Đến trình phát nhạc tập trung hover vào ảnh thanh bottom và click

    

    <br /> 

  • Danh sách các phím tắt

    • next: Mũi tên phải ->
    • prev : Mũi tên trái <-
    • pause / play : Space
    • Bật / Tắt phát ngẫu nhiên : j
    • Bật / Tắt lặp lại : l

  • Lưu ý:

    • Những bài có Vip sẽ ko lấy dữ liệu và phát nhạc được
    • Karaoke đang hoàn tiện