SlideShare a Scribd company logo
1 of 3
Tự tạo Playlist nhạc nhúng vào Website, Blog,...

Việc tạo ra một Playlist đến hôm nay là một việc rất dể dàng đối với các bạn khi có hàng ngàn trang web hổ trợ
việc này cho các bạn công việc này. Tuy nhiên, có một cách dể dàng và thật đơn giản để ra một playlist mang
đậm dấu ấn cá nhân để mang âm nhạc vào web hoặc blog của mình. Để làm được điều đơn giản đó, bạn cùng
tiến hành cùng với mình với chỉ dẫn bên duới nha!!

Đầu tiên các bạn download về lần lược 3 file sau: (dung lượng chưa tới 1MB)

1. Danh sách bài hát.
2. Cấu hình.
3. Trình phát chính.

Sau khi download xong ba file trên bạn dùng một công cụ chỉnh sửa như Notepad++ để mở hai file config.xml
(cấu hình) và playlist.xml (chứa danh sách nhạc) để chỉnh sửa lại nhé! Còn file mp3player.swf (trình phát
chính) cứ để thế không chỉnh sửa gì cả.

Trong file config.xml không có gì quá phức tạp, bạn chỉ cần chú ý đến vài điểm như sau:

<mp3config>

<!-- Tùy chỉnh tự động chạy và trộn bài hát khi phát (true or false) -->
<autostart>true</autostart>
<shuffle>false</shuffle>

<!-- Chọn chế độ lặp lại (none, one, all or list (plays the entire playlist once)) -->
<repeat>list</repeat>

<!-- Chọn âm lượng mặc định (0 to 100) -->
<volume>100</volume>

<!-- Chọn ở đây nếu bạn muốn hiển thị màn hình hiển thị và danh sách nhạc (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>http://Coc9x.ucoz.com</linktarget>

<!-- Chọn màu sắc (hexadecimal, from 0x000000 to 0xffffff) -->
<backcolor>#4876FF</backcolor>
<frontcolor>#000000</frontcolor>
<lightcolor>#4876FF</lightcolor>

<!-- Bạn có thể thiết lập màng hình nền cho Playlist với file ảnh mangdidnhjj dang *.jpg -->
<jpgfile>http://farm5.static.flickr.com/4021/4393578889_11590bf336_o.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>start</callback>

</mp3config>
Trong file playlist-Coc9x.xml bạn chú ý đến vài điểm sau:
<?xml version="1.0" encoding="UTF-8" ?><playlist version="1" xmlns="http://xspf.org/ns/0/">
<title>Góc âm nhạc</title>
<info>http://Coc9x.ucoz.com</info>
<trackList>

<track>
<annotation>Tên bài hát</annotation>
<location>Địa chỉ file *.mp3</location>
</track>

</trackList>
</playlist>
Để tạo danh sách bài hát bạn sử dụng cú pháp sau:

<track>
<annotation>Tên bài hát</annotation>
<location>Địa chỉ file *.mp3</location>
</track>
Khi thêm bài hát mới thì chỉ đặt tên bài hát vào cặp thẻ <annotation></annotation>, đường dẫn (đuôi phải là
.mp3) vào cặp thẻ <location></location> và cuối cùng đóng gói 2 cặp thẻ trên vào giữa cặp <track></track>
như ở trên.

Mẹo: Để lấy link các bài hát có đuôi là mp3 chúng ta cần trình download như IDM và một trang web nhạc. Ở
đây lấy trang http://mp3.zing.vn làm ví dụ nhé!
1. Đầu tiên mở một bài hát mà mình thích trên http://mp3.zing.vn và dùng IDM để download khi đó nó có hình
giống như sau.




Ở đây mình lấy link bài hát "Xe đạp":
http://dl.mp3.kapsule.info/fsfsdfdsf...ame=Xe-Dap.mp3
2. Và kết quả mình có:

<track>
<annotation>Xe đạp</annotation>
<location>http://dl.mp3.kapsule.info/fsfsdfdsf...ame=Xe-Dap.mp3</location>
</track>
Tương tự như trên các bạn tiến hành với các bài hát khác!!

Và cuối cùng, chúng ta xuất lên một host nào đó để lưu trữ và chọn host nào cho chỉnh sửa nội dung của file thì
càng tốt.
Để nhúng Playlist vừa tạo vào web hoặc bolg bạn copy đoạn mã sau:
<div align="center"><embed src="/music/Playlist.swf" type="application/x-shockwave-flash"
wmode="transparent" flashvars="&amp;config=/music/config-Coc9x.xml&amp;file=/music/playlist.xml"
allowscriptaccess="never" quality="high" menu="false" border="0" height="450" hspace="0" vspace="0"
width="490"></div>
(3 link /music/Playlist.swf, /music/config.xml, /music/playlist.xml bạn tự thay đổi cho phù hợp với file nguồn
đã up lên host cho thật phù hợp)

More Related Content

Featured

Content Methodology: A Best Practices Report (Webinar)
Content Methodology: A Best Practices Report (Webinar)Content Methodology: A Best Practices Report (Webinar)
Content Methodology: A Best Practices Report (Webinar)contently
 
How to Prepare For a Successful Job Search for 2024
How to Prepare For a Successful Job Search for 2024How to Prepare For a Successful Job Search for 2024
How to Prepare For a Successful Job Search for 2024Albert Qian
 
Social Media Marketing Trends 2024 // The Global Indie Insights
Social Media Marketing Trends 2024 // The Global Indie InsightsSocial Media Marketing Trends 2024 // The Global Indie Insights
Social Media Marketing Trends 2024 // The Global Indie InsightsKurio // The Social Media Age(ncy)
 
Trends In Paid Search: Navigating The Digital Landscape In 2024
Trends In Paid Search: Navigating The Digital Landscape In 2024Trends In Paid Search: Navigating The Digital Landscape In 2024
Trends In Paid Search: Navigating The Digital Landscape In 2024Search Engine Journal
 
5 Public speaking tips from TED - Visualized summary
5 Public speaking tips from TED - Visualized summary5 Public speaking tips from TED - Visualized summary
5 Public speaking tips from TED - Visualized summarySpeakerHub
 
ChatGPT and the Future of Work - Clark Boyd
ChatGPT and the Future of Work - Clark Boyd ChatGPT and the Future of Work - Clark Boyd
ChatGPT and the Future of Work - Clark Boyd Clark Boyd
 
Getting into the tech field. what next
Getting into the tech field. what next Getting into the tech field. what next
Getting into the tech field. what next Tessa Mero
 
Google's Just Not That Into You: Understanding Core Updates & Search Intent
Google's Just Not That Into You: Understanding Core Updates & Search IntentGoogle's Just Not That Into You: Understanding Core Updates & Search Intent
Google's Just Not That Into You: Understanding Core Updates & Search IntentLily Ray
 
Time Management & Productivity - Best Practices
Time Management & Productivity -  Best PracticesTime Management & Productivity -  Best Practices
Time Management & Productivity - Best PracticesVit Horky
 
The six step guide to practical project management
The six step guide to practical project managementThe six step guide to practical project management
The six step guide to practical project managementMindGenius
 
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...RachelPearson36
 
Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...
Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...
Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...Applitools
 
12 Ways to Increase Your Influence at Work
12 Ways to Increase Your Influence at Work12 Ways to Increase Your Influence at Work
12 Ways to Increase Your Influence at WorkGetSmarter
 
Ride the Storm: Navigating Through Unstable Periods / Katerina Rudko (Belka G...
Ride the Storm: Navigating Through Unstable Periods / Katerina Rudko (Belka G...Ride the Storm: Navigating Through Unstable Periods / Katerina Rudko (Belka G...
Ride the Storm: Navigating Through Unstable Periods / Katerina Rudko (Belka G...DevGAMM Conference
 
Barbie - Brand Strategy Presentation
Barbie - Brand Strategy PresentationBarbie - Brand Strategy Presentation
Barbie - Brand Strategy PresentationErica Santiago
 
Good Stuff Happens in 1:1 Meetings: Why you need them and how to do them well
Good Stuff Happens in 1:1 Meetings: Why you need them and how to do them wellGood Stuff Happens in 1:1 Meetings: Why you need them and how to do them well
Good Stuff Happens in 1:1 Meetings: Why you need them and how to do them wellSaba Software
 

Featured (20)

Content Methodology: A Best Practices Report (Webinar)
Content Methodology: A Best Practices Report (Webinar)Content Methodology: A Best Practices Report (Webinar)
Content Methodology: A Best Practices Report (Webinar)
 
How to Prepare For a Successful Job Search for 2024
How to Prepare For a Successful Job Search for 2024How to Prepare For a Successful Job Search for 2024
How to Prepare For a Successful Job Search for 2024
 
Social Media Marketing Trends 2024 // The Global Indie Insights
Social Media Marketing Trends 2024 // The Global Indie InsightsSocial Media Marketing Trends 2024 // The Global Indie Insights
Social Media Marketing Trends 2024 // The Global Indie Insights
 
Trends In Paid Search: Navigating The Digital Landscape In 2024
Trends In Paid Search: Navigating The Digital Landscape In 2024Trends In Paid Search: Navigating The Digital Landscape In 2024
Trends In Paid Search: Navigating The Digital Landscape In 2024
 
5 Public speaking tips from TED - Visualized summary
5 Public speaking tips from TED - Visualized summary5 Public speaking tips from TED - Visualized summary
5 Public speaking tips from TED - Visualized summary
 
ChatGPT and the Future of Work - Clark Boyd
ChatGPT and the Future of Work - Clark Boyd ChatGPT and the Future of Work - Clark Boyd
ChatGPT and the Future of Work - Clark Boyd
 
Getting into the tech field. what next
Getting into the tech field. what next Getting into the tech field. what next
Getting into the tech field. what next
 
Google's Just Not That Into You: Understanding Core Updates & Search Intent
Google's Just Not That Into You: Understanding Core Updates & Search IntentGoogle's Just Not That Into You: Understanding Core Updates & Search Intent
Google's Just Not That Into You: Understanding Core Updates & Search Intent
 
How to have difficult conversations
How to have difficult conversations How to have difficult conversations
How to have difficult conversations
 
Introduction to Data Science
Introduction to Data ScienceIntroduction to Data Science
Introduction to Data Science
 
Time Management & Productivity - Best Practices
Time Management & Productivity -  Best PracticesTime Management & Productivity -  Best Practices
Time Management & Productivity - Best Practices
 
The six step guide to practical project management
The six step guide to practical project managementThe six step guide to practical project management
The six step guide to practical project management
 
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...
 
Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...
Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...
Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...
 
12 Ways to Increase Your Influence at Work
12 Ways to Increase Your Influence at Work12 Ways to Increase Your Influence at Work
12 Ways to Increase Your Influence at Work
 
ChatGPT webinar slides
ChatGPT webinar slidesChatGPT webinar slides
ChatGPT webinar slides
 
More than Just Lines on a Map: Best Practices for U.S Bike Routes
More than Just Lines on a Map: Best Practices for U.S Bike RoutesMore than Just Lines on a Map: Best Practices for U.S Bike Routes
More than Just Lines on a Map: Best Practices for U.S Bike Routes
 
Ride the Storm: Navigating Through Unstable Periods / Katerina Rudko (Belka G...
Ride the Storm: Navigating Through Unstable Periods / Katerina Rudko (Belka G...Ride the Storm: Navigating Through Unstable Periods / Katerina Rudko (Belka G...
Ride the Storm: Navigating Through Unstable Periods / Katerina Rudko (Belka G...
 
Barbie - Brand Strategy Presentation
Barbie - Brand Strategy PresentationBarbie - Brand Strategy Presentation
Barbie - Brand Strategy Presentation
 
Good Stuff Happens in 1:1 Meetings: Why you need them and how to do them well
Good Stuff Happens in 1:1 Meetings: Why you need them and how to do them wellGood Stuff Happens in 1:1 Meetings: Why you need them and how to do them well
Good Stuff Happens in 1:1 Meetings: Why you need them and how to do them well
 

Tự tạo playlist nhạc nhúng vào website

  • 1. Tự tạo Playlist nhạc nhúng vào Website, Blog,... Việc tạo ra một Playlist đến hôm nay là một việc rất dể dàng đối với các bạn khi có hàng ngàn trang web hổ trợ việc này cho các bạn công việc này. Tuy nhiên, có một cách dể dàng và thật đơn giản để ra một playlist mang đậm dấu ấn cá nhân để mang âm nhạc vào web hoặc blog của mình. Để làm được điều đơn giản đó, bạn cùng tiến hành cùng với mình với chỉ dẫn bên duới nha!! Đầu tiên các bạn download về lần lược 3 file sau: (dung lượng chưa tới 1MB) 1. Danh sách bài hát. 2. Cấu hình. 3. Trình phát chính. Sau khi download xong ba file trên bạn dùng một công cụ chỉnh sửa như Notepad++ để mở hai file config.xml (cấu hình) và playlist.xml (chứa danh sách nhạc) để chỉnh sửa lại nhé! Còn file mp3player.swf (trình phát chính) cứ để thế không chỉnh sửa gì cả. Trong file config.xml không có gì quá phức tạp, bạn chỉ cần chú ý đến vài điểm như sau: <mp3config> <!-- Tùy chỉnh tự động chạy và trộn bài hát khi phát (true or false) --> <autostart>true</autostart> <shuffle>false</shuffle> <!-- Chọn chế độ lặp lại (none, one, all or list (plays the entire playlist once)) --> <repeat>list</repeat> <!-- Chọn âm lượng mặc định (0 to 100) --> <volume>100</volume> <!-- Chọn ở đây nếu bạn muốn hiển thị màn hình hiển thị và danh sách nhạc (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>http://Coc9x.ucoz.com</linktarget> <!-- Chọn màu sắc (hexadecimal, from 0x000000 to 0xffffff) --> <backcolor>#4876FF</backcolor> <frontcolor>#000000</frontcolor> <lightcolor>#4876FF</lightcolor> <!-- Bạn có thể thiết lập màng hình nền cho Playlist với file ảnh mangdidnhjj dang *.jpg --> <jpgfile>http://farm5.static.flickr.com/4021/4393578889_11590bf336_o.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>start</callback> </mp3config> Trong file playlist-Coc9x.xml bạn chú ý đến vài điểm sau:
  • 2. <?xml version="1.0" encoding="UTF-8" ?><playlist version="1" xmlns="http://xspf.org/ns/0/"> <title>Góc âm nhạc</title> <info>http://Coc9x.ucoz.com</info> <trackList> <track> <annotation>Tên bài hát</annotation> <location>Địa chỉ file *.mp3</location> </track> </trackList> </playlist> Để tạo danh sách bài hát bạn sử dụng cú pháp sau: <track> <annotation>Tên bài hát</annotation> <location>Địa chỉ file *.mp3</location> </track> Khi thêm bài hát mới thì chỉ đặt tên bài hát vào cặp thẻ <annotation></annotation>, đường dẫn (đuôi phải là .mp3) vào cặp thẻ <location></location> và cuối cùng đóng gói 2 cặp thẻ trên vào giữa cặp <track></track> như ở trên. Mẹo: Để lấy link các bài hát có đuôi là mp3 chúng ta cần trình download như IDM và một trang web nhạc. Ở đây lấy trang http://mp3.zing.vn làm ví dụ nhé! 1. Đầu tiên mở một bài hát mà mình thích trên http://mp3.zing.vn và dùng IDM để download khi đó nó có hình giống như sau. Ở đây mình lấy link bài hát "Xe đạp": http://dl.mp3.kapsule.info/fsfsdfdsf...ame=Xe-Dap.mp3 2. Và kết quả mình có: <track> <annotation>Xe đạp</annotation> <location>http://dl.mp3.kapsule.info/fsfsdfdsf...ame=Xe-Dap.mp3</location> </track> Tương tự như trên các bạn tiến hành với các bài hát khác!! Và cuối cùng, chúng ta xuất lên một host nào đó để lưu trữ và chọn host nào cho chỉnh sửa nội dung của file thì càng tốt.
  • 3. Để nhúng Playlist vừa tạo vào web hoặc bolg bạn copy đoạn mã sau: <div align="center"><embed src="/music/Playlist.swf" type="application/x-shockwave-flash" wmode="transparent" flashvars="&amp;config=/music/config-Coc9x.xml&amp;file=/music/playlist.xml" allowscriptaccess="never" quality="high" menu="false" border="0" height="450" hspace="0" vspace="0" width="490"></div> (3 link /music/Playlist.swf, /music/config.xml, /music/playlist.xml bạn tự thay đổi cho phù hợp với file nguồn đã up lên host cho thật phù hợp)