Navigation

Tạo playlist nhạc đẹp cho Blogspot

Bài viết này sẽ hướng dẫn cách tạo một playlist nhạc bằng Flash để chèn vào blog, không phải từ bất cứ website âm nhạc nào mà là của chính bạn. Đây là một MP3 Flash Player sử dụng tệp xml tạo track list để chơi nhạc mp3 (và chỉ định dạng .mp3 mà thôi), ngoài ra thì MP3 Player này còn cho phép hiển thị cover riêng cho từng bài.

Dưới đây là trình phát video demo mà mình đã làm cho các bạn xem thử.Tạo playlist nhạc cho Blogspot

 ☼ Tùy chỉnh file playlist nhạc trên host. 

1- Đầu tiên bạn download Mp3 Flash Player tại đây:
2- Tiến hành giải nén được hai file là player.swf và playlist.xml.
- Để add nhạc vào playlist thì chúng ta edit playlist.xml bằng Notepad, trong file xml này bạn sẽ thấy các đoạn code có dạng như bên dưới:
<song location = "URL bài nhạc" 
         cover = "URL ảnh đại diện" 
         title = "tựa đề bài hát"/>
» Trong đó: 
  • URL bài nhạc Là URL trực tiếp của bài nhạc chứ không phải link nhạc từ các trang zingmp3 và nhaccuatui đâu nha. Nếu chưa có link trực tiếp hãy upload file nhạc của bạn lên Google Drive để lấy link nhạc nha.
  • URL ảnh đại diện là ảnh đại diện của bài hát tương ứng với URL bài nhạc. Kích thước ảnh cover phải là 150x150 pixel.
  • tựa đề bài hát là phần tiêu đề của bài hát sẽ hiển thị trên trình phát nhạc của bạn. Tất nhiên bạn có thể dùng tiếng việt hoặc tiếng anh tùy ý bạn.
  • Muốn thêm bao nhiêu bài hát vào list thì bạn chèn thêm bấy nhiêu đoạn mã ở trên. Xong rồi thì save lại.
3- Tiếp theo, bạn upload 2 file này lên một dịch vụ hosting nào đó mà có hỗ trợ direct link. Ở đây mình up lên GOOGLE DRIVE.  Sau khi upload lên google drive bạn tiến hành bước tiếp theo.

☼ Chèn bài nhạc vào blog của bạn

1- Đăng nhập (login) vào Blog   2- Vào Bố cục (Layout) 3- Chọn Thêm tiện ích (Add Widget) => Chọn HTML/Javarscipt và dán đoạn code bên dưới vào.  
<object data="player.swf?autostart=true&amp;playlist=playlist.xml" height="226" type="application/x-shockwave-flash" width="408" wmode="transparent"><param name="movie" value="player.swf?autostart=true&playlist=playlist.xml"/></object>
» Trong đó: 
  • Thay: playlist.xml là link của file danh sách nhạc xml mà các bạn đã tạo và upload ở bước trên.
  • Thay player.swf thành link flash mà bạn đã upload ở bước trên.
  • height="226" là chiều cao của trình phát nhạc.
  • width="408" là chiều rộng của trình phát nhạc.
  • autostart=true Là tự động chơi nhạc khi có người truy cập trang hoặc bài viết của bạn. Nếu bạn không muốn tự chơi nhạc thì hãy sửa truethành false.
Đoạn code trên bạn có thể ngay trên bài đăng của bạn cũng được.
Share

Hiệp

Tôi rất đam mê IT theo đuổi rất nhiều lĩnh vực,tôi sẽ không ngừng nổ lực để học hỏi và có thể chia sẽ những thứ tôi biết đến cho mọi người.

Age : 17

Để Lại Nhận Xét Tại Đây:

0 comments: