Home » Chia Sẻ Code » JavaScript » Tự Code một trình phát nhạc cho người dùng

Tự Code một trình phát nhạc cho người dùng

Cái tiêu đề có vẻ củ chuối phải không các bạn. Cụ thể, trong bài viết này, tôi sẽ trình bày một trình phát nhạc mà bạn có thể sử dụng bằng cách upload file nhạc của bạn lên để nghe trong trường hợp máy tính của bạn không có trình phát nhạc.

Nếu như các bài viết trước bạn sẽ thấy Code trước khi Demo thì tại bài viết này chúng ta sẽ Demo trước cho bạn dễ hiểu sau đó chúng ta nói đến Code sau. Bây giờ các bạn hãy vào website nào đó mà bạn hay nghe nhạc rồi tiến hành downlaod một bài về. Sau đó sử dụng công cụ dưới đây để thưởng thức bài nhạc đó.

See the Pen Self Code a music player for users by Lại Văn Đức (@laivanduc) on CodePen.16775

Ứng dụng này không tải file nhạc của bạn lên mà sử dụng chính file nhạc đó để phát mà thôi. Và dưới đây là toàn bộ Code của chúng ta sẽ cần đến:

Đầu tiên các bạn phải gọi file JS này về:

Sau đó là Code HTML Jade để làm khung cho ứng dụng này:

Và đây là đoạn CSS chúng ta cần tới:

Cuối cùng là Code JavaScript:

Để dễ hiểu và bạn có thể áp dụng luôn vào các dự án thiết kế của mình. Bên dưới là Link Download toàn bộ ứng dụng Web này. Chúc các bạn thành công.

Download

4 comments

  • Hello, guest