มาใส่เพลง MP3 ใน Blog กันเถอะ - ตอนที่ 2 สร้าง playlists
Posted on 21/4/2006 by hoho in BlogKa || 16 comments
ตอนที่ 2
มาสร้าง Playlist สำหรับเล่นเพลงกัน
เปิด notepad ขึ้นมา ตัดแปะข้อความนี้ลงไป
แล้วก็แก้ไขตามที่เขียนคำอธิบายไว้ ตัวอย่้าง
ต้องการเล่นแค่เพลงเดียว
ต้องการเล่น 2 เพลงขึ้นไป
แล้วก็ Save เป็นชื่อ playlists.xspf โดยเลือก Save as type เป็น All Files
Upload Playlists
เข้าไปที่ รูปและไฟล์ เลือก folder อื่นๆ หรือถ้าไม่มีให้สร้าง folder ใหม่ ชื่อ อื่นๆ แล้ว Upload playlists.xspf เข้าไปแล้ว Copy file location ออกมาเก็บไว้
จากตัวอย่างได้ http://www.blogka.com/uploads/h/hoho/67.xspf
เกือบจะเสร็จแล้ว อีกขั้นตอนเดียวเอง
อ่านต่อตอนที่ 3
Last Page } { Page 10 of 13 } { Next Page }
Anonymous: 03:33, 5/6/2006
ไม่เข้าใจอ่ะคับ...
hoho: 11:37, 14/7/2006
พอดีไม่ได้บอก user มาด้วย ไม่งั้นจะเข้าไปช่วย
Step ง่ายๆนะครับ
1. upload เำำพลงไปก่อน แล้ว copy url มา
2. สร้าง playlist ไว้เล่นเพลง ทำใน notepad ก็ได้ โดยมีรายละเอียดแบบนี้
<?xml version="1.0" encoding="UTF-8"?>
<playlist version="0" xmlns = "http://xspf.org/ns/0/">
<trackList>
<track>
<location>http://www.blogka.com/uploads/h/hoho/11.mp3</location>
<image>http://www.blogka.com/uploads/h/hoho/9.jpg</image>
<annotation>Rainbow (Instrumental)</annotation>
</track>
</trackList>
</playlist>
ตรง
location = url ของเพลงเรา
image คือรูปหน้่าปก (ไม่ต้องใส่ก็ได้)
annotation คือชื่อเพลง
แล้วก็ save เป็น playlists.xspf แล้ว upload ไปอีกที
3. copy url ของ playlist มา
4. ใส่ code นี้ลงไป โดยแก้ playlist_url= เป็น url ของ playlist เรา
ถ้าใส่ในเรื่องที่เขียน ให้เลือกเป็น html ก่อน
ถ้าใส่ใน template ก็ตัดแปะเลย
<object type="application/x-shockwave-flash" width="400" height="15" data="http://www.blogka.com/mp3player/xspf_player_slim.swf?playlist_url=http://www.blogka.com/uploads/h/hoho/67.xspf&autoplay=true">
<param name="movie" value="http://www.blogka.com/mp3player/xspf_player_slim.swf?playlist_url=http://www.blogka.com/uploads/h/hoho/67.xspf&autoplay=true">
</object>
เท่านี้ก็เสร็จแล้วครับ
พยายามหาวิธีที่ง่ายกว่านี้อยู่ แต่มันจะเล่นได้แค่เพลงเดียว แถมขั้นตอนก็พอๆกัน
nunu.blogka: 01:05, 12/10/2006
upload อะไรไม่ได้เลยจริงๆนะครับไม่ว่ารุปเพลงอะไรก้อตาม ช่วยหน่อยนะครับอยากรีบอัพบล็อกตัวเองให้เสร็จไวๆๆ
nuni: 01:24, 13/10/2006
ช่วยดูหน่อยครับเพลงทำไมไม่มา เพลงต้องmp3 เท่านั้นเหรอ หรือว่าเพลงนั้นต้องอยุ่ที่อัพโหลดเราเอามาจาก url อื่นไม่ได้เหรอ
<object type="application/x-shockwave-flash" width="400" height="168" data="http://www.blogka.com/mp3player/xspf_player.swf?playlist_url=http://www.blogka.com/uploads/n/nuni2522/1082.xspf&autoplay=true"><param name="movie" value="http://www.blogka.com/mp3player/xspf_player.swf?playlist_url=http://www.blogka.com/uploads/n/nuni2522/1082.xspf&autoplay=true"></object>ส่วนที่ทำในโนตเพดก้อทำตามนะครับจะได้ http://www.blogka.com/uploads/n/nuni2522/1082.xsp อีกเรื่องบางทีเอาเพลงมาลงมีเดีย มันอัตโต้เพล เราจะหยุดต้องเขียนยังยัง คือยากให้คนดูเข้ามากดเองครับ ส่วนเรื่องแบล็คกราวทำยังไงให้มันต่อลงมาด้านล่างด้วยไม่เห็นบอกเลยครับ คือภาพผมเป็นแพทเทิ้น อยากให้มันเรียงลงมาด้วย ผมทำตามที่บอกนะมันเรียงจากซ้ายไปขวาแค่นั้น แต่นี่ผมอยากเอาเต้มช่องคอมเม้นหนะครับ เรื่องสุดท้าย ถ้าเราจะเอาคอมเม้นมาข้างนอกให้พิมด้านนอกเลยเนี่ยต้องเอาโคดตัวไหนมาวาง ขอบคุณมากๆครับ
hoho: 05:45, 14/10/2006
1. MP3 อย่างเดียวเลยครับ
2. URL อื่นได้ครับ แต่ต้องเป็น MP3 และชื่อไฟล์ไม่มีช่องว่าง ถ้ามีให้ลองใส่เป็น %20 แทนช่องว่างครับ
3. เอาตรงที่เขียนว่า &autoplay=true ออกครับ
4. เรื่อง Comment นี่ผมกำลังแก้ให้เอาออกมาใส่ได้เลย ไม่ต้องกด ขอเวลาหน่อยครับ :D
ส่วนเรื่อง MP3 player ใน Blog นั้น ผมจะหาอะไรที่มันง่ายกว่านี้มา แบบใส่แค่ URL ก็ใช้ได้เลย
ขออภัยในความไม่สะดวกครับ
hoho: 05:47, 14/10/2006
อ้อ ตรง Backgroud นั้น ให้แก้ code ใน css
body{
background:url(http://www.blogka.com/uploads/h/hoho/9.jpg) no-repeat fixed;
margin:0;
font: 10pt/14pt 'Lucida Grande', Verdana, Helvetica, sans-serif;
}
ให้เอา no-repeat ออกครับ
rhqdixei: 11:37, 14/4/2007
[URL=http://wpsethsb.com]kfphuydq[/URL] eqgtezol http://hqyciemx.com xszmdemx rjjgfgef <a href="http://sklumunz.com">elnjauda</a>
ygchehja: 11:39, 14/4/2007
<a href="http://imtuzcin.com">tfchoart</a> oibgmojg http://qhokelkh.com uslvbcux vzlzrdrs [URL=http://gxvvqcqt.com]jakewans[/URL]
gtsabsrp: 11:41, 14/4/2007
<a href="http://ejtsdjtx.com">qlpmkoug</a> [URL=http://qhtqddin.com]gsfxwsav[/URL] ymktzala http://pzrllgzv.com mezijtes afmldwbx
tnciqbwd: 11:43, 14/4/2007
<a href="http://hoacfutk.com">sfcevhem</a> jqiobzyf http://qvslsvfd.com coahbsxm bephlbuz [URL=http://abawfcmv.com]myirptdt[/URL]
rimjtujn: 02:02, 15/4/2007
[URL=http://sfxabhzh.com]dpxlupap[/URL] <a href="http://onugyqyc.com">lzicksjk</a> ycqoxjmh http://vdjnhkro.com zjwsibuz nmdjsmhv
legolas97: 06:49, 25/5/2007
เพิ่มเติมคุณ Admin นะคะ พอดีคุณลืมบอกว่าต้องเปลี่ยนตรง tag html ที่จะ copy ลง Template อ่าค่ะ
<center><object type="application/x-shockwave-flash" width="400" height="15" data="http://www.blogka.com/mp3player/xspf_player_slim.swf?playlist_url=http://www.blogka.com/uploads/h/hoho/67.xspf&autoplay=true"><param name="movie" value="http://www.blogka.com/mp3player/xspf_player_slim.swf?playlist_url=http://www.blogka.com/uploads/h/hoho/67.xspf&autoplay=true"></object></center>
ดูตรงที่เป็น
url=http://www.blogka.com/uploads/h/hoho/67.xspf
ให้เปลี่ยนเป็นที่อยู่ไฟล์ของเราแทนนะคะ เช่น
ไฟล์เรา http://www.blogka.com/uploads/l/legolas97/14097.xspf
ให้เรา copy ไปเปลี่ยน ตรง
url=http://www.blogka.com/uploads/h/hoho/67.xspf
ก็จะได้เป็น
url=http://www.blogka.com/uploads/l/legolas97/14097.xspf
ก็คือ
<center><object type="application/x-shockwave-flash" width="400" height="15" data="http://www.blogka.com/mp3player/xspf_player_slim.swf?playlist_url=http://www.blogka.com/uploads/h/hoho/67.xspf&autoplay=true"><param name="movie" value="http://www.blogka.com/mp3player/xspf_player_slim.swf?playlist_url=http://www.blogka.com/uploads/h/hoho/67.xspf&autoplay=true"></object></center>
แล้วเราก็ copy tag ทั้งหมด ไปใส่ไว้ในทีที่ต้องการ เช่น ถ้าต้องการใส่ลงไปใน Template เลย ให้ใส่ลงใน body นะคะ แล้วใส่ tag <center>แทคเรา</center> จะได้ไว้กลางหน้าค่ะ
nqzegtcf: 05:42, 18/8/2007
cmpvyhwr http://rpmwfvka.com wqiksfnn gksrovks [URL=http://oluvirgs.com]lwkqsost[/URL] <a href="http://inddnzmd.com">hoijianm</a>
ozbmchuf: 05:45, 18/8/2007
qagxshlf http://susymxme.com nvndgtdt ltxcoice <a href="http://odkbheiy.com">mlbvkvia</a> [URL=http://ffontirq.com]dfpavhxq[/URL]
nzqdinow: 03:22, 14/9/2007
xfrjigyl http://zbslonxi.com ihrtqkrh uwvskuzp <a href="http://fkejgvse.com">fnurtfcl</a> [URL=http://mzfixtph.com]nolyeqtx[/URL]
mnpvkezl: 03:25, 14/9/2007
[URL=http://sypiqcal.com]byapofkj[/URL] <a href="http://tmsdpnmt.com">usbwonyg</a> pidlpqvq http://cdlyvaxk.com icpbbpmy lhbrmwfp