Skip to content

DatHip/zing-mp3-d4t

Repository files navigation

Xin Chào, Tôi là Tiến Đạt 👋

Chào Mừng tới dự án web nghe nhạc của tôi 👏

Được sủ dụng những công nghệ 🧑‍🔧

HTML5

CSS3

Sass

JavaScript

react

react

ChartJs




Giao Diện




Chức Năng Chính 🦾

  -  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


Hướng dẫn sử dụng

  • 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


demo:


Cảm ơn đã đọc. rất mong nhận được sự góp ý của bạn

Liên hệ với tôi: [email protected]

About

Zing mp3 clone reactjs

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages