Các bạn thấy Blog của người khác có các list MP3 player rất đẹp. Muốn tự tạo cho mình một cái như thế mà không biết cách làm. bài viết này sẽ hướng dẫn khá cụ thể để các bạn có thể tự làm một cái playlist cho blog của mình thêm sinh động.
Tư liệu cho bài viết này mình có tham khảo trong blog của bạn BlueMagic và chỉnh sửa, bổ xung. Rất cảm ơn bạn BlueMagic
Có 2 cách tạo MP3 player:
•Cách 1 : Cách này rất dễ.
Các bạn chỉ cần coppy đoạn code sau và paste vào bài viết.
<p align="center"><embed name="index1" pluginspage=
"http://www.macromedia.com/go/getflashplayer"
src="http://thongthaibm.googlepages.com/mp3player.swf"
width="258" height="318" type="application/x-shockwave-flash"
border="0" wmode="transparent" flashvars="&config=
http://thongthaibm.googlepages.com/config.xml&file=http://thongthaibm.googlepages.com/playlist.xml" allowScriptAccess="never" quality="high" menu="false"
vspace="5" hspace="5"></embed></p>
Tuy nhiên cách này thì playlist của các bạn bị fix sẵn và phụ thuộc vào các file nguồn. Nếu file nguồn bị delete thì playlist của bạn cũng die luôn. Muốn chỉnh sửa và tạo cho mình một playlist các bạn cần làm theo cách 2
•Cách 2: khó hơn cách 1 một chút.
Bạn hãy tải các file sau về máy:
http://thongthaibm.googlepages.com/mp3player.swfhttp://thongthaibm.googlepages.com/playlist.xmlhttp://thongthaibm.googlepages.com/config.xmlhttp://thongthaibm.googlepages.com/bg.gifMở file playlist.xml bằng notepad hay bất kỳ chương trình soạn văn bản nào cũng được, bạn sẽ thấy nó có dạng như sau:
<?xml version="1.0" encoding="UTF-8" ?><playlist version="1" xmlns="http://xspf.org/ns/0/">
<title>by mr.Dream</title>
<info>http://www.jeroenwijering.com/?item=Flash_MP3_Player</info>
<trackList>
<track>
<annotation>Hoàng Tử và Công Chúa - Tim</annotation>
<location>http://www8.nhac.vui.vn:8000/uploadmusic/Admin/Album/Tuan38/Tim/HoangTuVaCongChua.mp3</location>
</track>
<track>
<annotation>Chiếc Hài Lọ Lem - nhóm Ngũ Long Công Chúa</annotation>
<location>http://www8.nhac.vui.vn:8000/uploadmusic/Admin/Album/Tuan38/NguLongCongChua.mp3</location>
</track>
</trackList>
</playlist>
Nếu muốn thêm bài hát bạn chỉ cần thêm đoạn mã sau vào giữa 2 thẻ <tracklist> và </tracklist>
<track>
<annotation> tên bài hát</annotation>
<location>link đến bài hát</location>
</track>
VD nhưng mình muốn them bài kí ức một tình yêu chẳng hạn mình sẽ sửa đoạn code như sau
<?xml version="1.0" encoding="UTF-8" ?><playlist version="1" xmlns="http://xspf.org/ns/0/">
<title>by mr.Dream</title>
<info>http://www.jeroenwijering.com/?item=Flash_MP3_Player</info>
<trackList>
<track>
<annotation>Hoàng Tử và Công Chúa - Tim</annotation>
<location>http://www8.nhac.vui.vn:8000/uploadmusic/Admin/Album/Tuan38/Tim/HoangTuVaCongChua.mp3</location>
</track>
<track>
<annotation>Chiếc Hài Lọ Lem - nhóm Ngũ Long Công Chúa</annotation>
<location>http://www8.nhac.vui.vn:8000/uploadmusic/Admin/Album/Tuan38/NguLongCongChua.mp3</location>
</track>
<track>
<annotation>Ký ức một tình yêu - Kan & Ron</annotation>
<location>http://www8.nhac.vui.vn:8000/uploadmusic/ChipCoi/Hot/5/KanRaon--KyUcMotTinhYeu.mp3</location>
</track>
</trackList>
</playlist>
Save lại
Chúng ta tiếp tục nói về file config.xml
<mp3config>
<!-- choose here if you want the mp3player to automatically start and shuffle songs (true or false) -->
<autostart>true</autostart>
<shuffle>false</shuffle>
<!-- choose the mp3player repeat mode (none, one, all or list (plays the entire playlist once)) -->
<repeat>list</repeat>
<!-- choose the mp3player volume (0 to 100) -->
<volume>100</volume>
<!-- choose here if you want to show the display and playlist (true or false) -->
<showdisplay>true</showdisplay>
<showplaylist>true</showplaylist>
<!-- choose here in what frame you want links to be opened (_blank, _self, _top or a framename) -->
<linktarget>_blank</linktarget>
<!-- choose the mp3player colors (hexadecimal, from 0x000000 to 0xffffff) -->
<backcolor>0xffffff</backcolor>
<frontcolor>0x000000</frontcolor>
<lightcolor>0xC7EF65</lightcolor>
<!-- you can set a JPG as the background here to skin the mp3player (url to the jpg file) -->
<jpgfile>http://thongthaibm.googlepages.com/bg.jpg</jpgfile>
<!-- (for webmasters) URL of a script, called on start and completion of a song -->
<!-- the following vars are sent with POST: title, file, identifier, action ('start' or 'complete') -->
<callback></callback>
</mp3config>
Trong file đã có chú thích rất rõ rang.
+ thẻ <autostart></autostart> cho phép MP3 player tự chạy khi mở web hay không
<autostart>true</autostart> thì sẽ tự động chạy.
<autostart>fail</autostart> thì sẽ không tự động chạy
+thẻ <shuffle></shuffle> : Cho phép chuyển bài ngẫu nhiên.
<shuffle>true</shuffle> : Chuyển bài hát ngẫu nhiên
<shuffle>false</shuffle> : Chuyển bài hát theo thứ tự từ trên xuống
+2 thẻ
<showdisplay> </showdisplay> : Có hiện MP3 player hay không.
<showplaylist></showplaylist> : Có hiện list các bài hát không.
+ thẻ <jpgfile> </jpgfile> hình nền cho MP3 player. Các bạn đặt link đến hình vào giữa 2 thẻ trên.
Ví dụ :
<jpgfile>http://files.myopera.com/wishingstar_0305/Pic/BG2.jpg</jpgfile>
Các thẻ khác các bạn không cần quan tâm. Ai muốn tìm hiểu thêm có thể liên hệ với tôi.
Công việc cuối cùng là save lại và upload lên một cái host nào đó. Nhớ là các file mp3player.swf ; playlist.xml và config.xml các bạn phải up lên cùng một host còn các file nhạc thì không cần. Chèn đoan mã sau vào bài viết của các bạn.
<p align="center"><embed name="index1" pluginspage=
"http://www.macromedia.com/go/getflashplayer" src="
< link đến file mp3player.swf>" width="258" height="318"
type="application/x-shockwave-flash" border="0" wmode=
"transparent" flashvars="&config=<link đến file config.xml>&file=
<link đến file playlist.xml>" allowScriptAccess="never" quality="high"
menu="false" vspace="5" hspace="5"></embed><p>
Các bạn có thể tự tạo cho mình các file playlist và config bằng cách down các file sau về máy
List file cần download :
Creat MP3 player config
Creat MP3 player playlist
file create_MP3_Player.hta dùng để tạo code để chèn vào blog. Nó có phần dành cho file cấu hình Mp3 player. VD: hình nền,....
Trong 360* của Yahoo bạn phải bấm vào cái ô vuông kế nút View HTML Source trước khi cho đoạn code vào bài viết nha, xong rùi bấm vào nó một lần nữa(chú ý nhớ phải ghi thêm vài chữ nữa nha chứ hông thì nó hổng có hiện đâu
Nên nhớ bạn cần phải tạo file cấu hình nha, không có chạy kg được đâu á!
file createPlaylist_for_MP3_Player.hta dùng để tạo file playlist cho mp3 player.
Các bạn coppy các đoạn code sau đó dùng notepad để save lại thành các file playlist.xml và config.xml. Nhớ là ở phần Endcoding phải chọn UTF-8 nha.
Mọi thắc mắc bạn post ở topic này nha!
Mon Mar 15, 2010 11:49 pm anhmoveem_8287