บอร์ดเม็ดทราย ถือกำเนิด 14 กุมภาพันธ์ 2553 ตรงกับ วันวาเลนไทน์ และ วันตรุษจีน

เทคนิค => เทคนิคการใช้งานบอร์ด และ อัพโหลดรูป เพลง => ข้อความที่เริ่มโดย: PoseidoN ที่ เมษายน 17, 2016, 02:06:18 AM

หัวข้อ: ★ วิธีนำไฟล์ MP3 มาเปิดให้สมาชิกฟัง ★
เริ่มหัวข้อโดย: PoseidoN ที่ เมษายน 17, 2016, 02:06:18 AM
สวัสดีครับสมาชิกทุกๆ ท่าน

หลายคนอาจจะเคยลองฟังเพลงในกระทู้ที่ผมเคยโพสไปบ้าง แล้วอาจสงสัยว่าทำอย่างไร บางคนก็อาจจะอยากเอาไฟล์ mp3 มาเปิดให้ฟังเหมือนผมบ้าง หากใครนึกตัวอย่างไม่ออก ลองดูข้างล่างนี้นะครับ


http://medsai.net/webboard/song/music_player.swf?soundFile=http://medsai.net/webboard/song/Chojin%20Sentai%20Jetman%20OP.mp3&left=cdff5b&leftbg=a3cb46&rightbg=ebebeb&rightbghover=00b3e8&loader=000000&tracker=cdff5b&track=6fd8ff&border=ffffff&bg=d1d0d1&lefticon=ffffff&righticon=00b3e8&voltrack=FF0000&volslider=0000FF&initialvolume=100&text=cc3c00&loop=yes&remaining=yes&titles=Jetman

จากตัวอย่างนี้ ผมใช้โค้ดนี้ครับ (ขอ censor นิดส์นุงนะครับ)

โค๊ด: [Select]
[flash=500,24]http://medsai.net/webboard/song/music_player.swf?soundFile=http://audio.chirbit.com/Song001.mp3&leftbg=a3cb46&rightbg=ebebeb&rightbghover=00b3e8&loader=000000&tracker=cdff5b&track=6fd8ff&border=ffffff&bg=d1d0d1&lefticon=ffffff&righticon=00b3e8&voltrack=FF0000&volslider=0000FF&initialvolume=100&text=cc3c00&loop=yes&remaining=yes&titles=ชมรมขนหัวลุก - รัดเกล้า[/flash]
(ผมขึ้นบรรทัดใหม่ เพื่อให้ดูง่ายขึ้น)
โค๊ด: [Select]
[flash=500,24]http://medsai.net/webboard/song/music_player.swf?
soundFile=http://audio.chirbit.com/Song001.mp3
&leftbg=a3cb46
&rightbg=ebebeb
&rightbghover=00b3e8
&loader=000000
&tracker=cdff5b
&track=6fd8ff
&border=ffffff
&bg=d1d0d1
&lefticon=ffffff
&righticon=00b3e8
&voltrack=FF0000
&volslider=0000FF
&initialvolume=100
&text=cc3c00
&loop=yes
&remaining=yes
&titles=ชมรมขนหัวลุก - รัดเกล้า[/flash]

(http://s2.postimg.org/ye520eont/starline_e0.gif)

ขออธิบายคร่าวๆ ว่า ผมนำไฟล์ swf ตัวหนึ่งมาทำหน้าที่เป็นตัวเล่นไฟล์ mp3 ครับ เป็นไฟล์ mp3 ที่มาจากเว็ปใดๆ นะครับ หมายความว่า เราต้องมี link ของไฟล์ mp3 ก่อน เช่น http://www.abc123.com/Song001.mp3 ซึ่งถ้าไม่มี เราก็ต้องหาที่ฝากไฟล์ก่อนครับ เอาที่ที่เราสามารถหาลิงค์ .mp3 ได้นะครับ ถ้าเป็นหน้าตาประมาณ http://www.abc123.com/Song001_Ex แบบนี้ก็จะใช้ไม่ได้นะครับ

และตัวพระเอกที่ผมพูดถึงก็คือ ตัวนี้ครับ http://medsai.net/webboard/song/music_player.swf (http://medsai.net/webboard/song/music_player.swf)

วิธีนำพระเอกมาใช้ก็แค่

โค๊ด: [Select]
[flash=500,24]http://medsai.net/webboard/song/music_player.swf[/flash]
500 คือ ความกว้าง และ 24 คือ ความสูง คุณสามารถปรับค่าต่างจากตัวอย่างนี้ได้ ที่ผมเลือกค่านี้ เพราะผมเห็นว่ามันจะได้หน้าตาที่สวยงามกำลังดีครับ

แต่ว่าข้อมูลเพียงแค่นี้ มันก็จะได้แค่โครงเปล่าๆ ครับ ซึ่ง swf ตัวนี้มันยังไม่รู้เลยว่าต้องไปเล่น mp3 ไฟล์ไหน แล้วสีสีนของมันจะต้องมีประมาณไหน ฉะนั้นเราต้องส่งข้อมูลให้มันครับ เตรียมตัวให้ดีนะครับ ข้อมูลต่อไปนี้อาจทำให้คุณปวดหัวได้ แนะนำทานยาพาราก่อน 2 เม็ด :baby: (แต่ถ้าคุณมีความรู้ด้านเขียนโปรแกรมมาบ้าง เรื่องนี้ก็แค่ขี้แมวครับ)


(http://s2.postimg.org/ye520eont/starline_e0.gif)

การส่งข้อมูล ก็ไม่มีอะไรยากครับ มีกฏแค่ว่า ข้างหน้าข้อมูลแรก ต้องนำหน้าด้วย ? และถ้าต้องส่งข้อมูลถัดๆ ไป ต้องคั่นด้วย & เสมอ ตัวอย่างเช่น...

http://medsai.net/webboard/song/music_player.swf?soundFile=http://medsai.net/webboard/song/Chojin%20Sentai%20Jetman%20OP.mp3&remaining=yes&titles=เจ็ทแมน

จะได้ตัวเล่นเพลงหน้าตาง่ายๆ มาอันหนึ่ง โดยผมใช้ code นี้ครับ

โค๊ด: [Select]
[flash=500,24]http://medsai.net/webboard/song/music_player.swf?soundFile=http://audio.chirbit.com/Song001.mp3&remaining=yes&titles=ชมรมขนหัวลุก - รัดเกล้า[/flash]
โค๊ด: [Select]
[flash=500,24]http://medsai.net/webboard/song/music_player.swf?
soundFile=http://audio.chirbit.com/Song001.mp3
&remaining=yes
&titles=ชมรมขนหัวลุก - รัดเกล้า[/flash]

swf ตัวนี้สามารถทำอะไรได้

(http://s2.postimg.org/ye520eont/starline_e0.gif)

(http://medsai.net/webboard/Pic/music_player_settings.png)

ข้อมูลที่เราสามารถส่งได้

เห็นข้อมูลสามารถส่งได้เยอะ ก็ไม่ต้องตกใจ ไม่จำเป็นต้องใช้ทั้งหมดครับ แต่ห้ามขาด soundFile= แค่นั้นเป็นพอ เพราะข้อมูลอื่นๆ ส่วนใหญ่เกี่ยวกับสีสัน ถ้าเราไม่ได้ส่งไป มันก็จะใช้ค่ามาตรฐานที่ถูกกำหนดมาก่อนอยู่แล้วครับ มะต้องห่วง

อยากส่งค่าไหน ก่อน-หลัง ไม่มีปัญหาครับ เอาที่เราสบายใจได้เลย  :baby:


(http://s2.postimg.org/ye520eont/starline_e0.gif)

ส่วนเรื่องค่าของสี จะอยู่ในรูปเลขฐาน 16 (ค่า 0-255 แทนด้วย 00-FF) เรียงกัน 6 ตัว เป็นตัวแทนของ สีแดง สีเขียว สีน้ำเงิน เช่น cc0f98 >> ความเข้มสีแดง คือ cc [ฐาน 16] = 204 [ฐาน 10], ความเข้มสีเขียว 0f = 15, ความเข้มสีน้ำเงิน 98 = 152 >> ผสมกันออกมาเป็นสี cc0f98

เรื่องสีนี้ใครไม่เคยเรียนด้านคอมพิวเตอร์อาจจะปวดหัวซักหน่อย เอาเป็นว่าอยากได้สีไหนก็ลองดูจากเว็ปนี้ก็ได้ครับ เลือกเอามาใช้เลยไม่ต้องปวดหัวศึกษาทำความเข้าใจ อิอิ


สุดท้ายแล้ว ก็อยากจะบอกว่า หากเรามี mp3 หลายไฟล์เราก็สามารถนำมาเปิดใน swf ตัวเดียวได้เลยนะครับ โดยจะใช้ comma (,) คั่น ใน soundFile กับ titles (แค่ 2 อันนี้เท่านั้น) ได้ เช่น

http://medsai.net/webboard/song/music_player.swf?soundFile=http://audio.chirbit.com/Song001.mp3,http://audio.chirbit.com/Song002.mp3&remaining=yes&titles=เพลงที่ 1, เพลงที่ 2

แล้วเราจะได้ swf ที่ดูภายนอก จะมีหน้าตาเหมือน swf ที่เล่น 1 ไฟล์แหละครับ ต่างตรงที่เวลาเล่นไฟล์ mp3 เราจะเห็นปุ่ม skip โผล่มา 2 ปุ่ม ซ้าย-ขวา สำหรับข้ามไปเล่นไฟล์ถัดไป กับสำหรับย้อนกลับไปเล่นไฟล์ก่อนหน้าครับ แล้วหากเราส่งคำสั่ง loop (loop=yes) ไปด้วย การเล่นซ้ำ จะทำงานเมื่อไฟล์สุดท้ายจบลงครับ


(http://s2.postimg.org/ye520eont/starline_e0.gif)

ผมจะทำตัวอย่างให้ดูนะครับ เป็นการปิดท้าย สมมติว่าผมต้องการ swf ที่สามารถ...

ผมจะต้องใช้ code ว่า

โค๊ด: [Select]
[flash=500,24]http://medsai.net/webboard/song/music_player.swf?soundFile=http://audio.chirbit.com/Song001.mp3,http://audio.chirbit.com/Song002.mp3&lefticon=cc180f&righticon=bebb1e&initialvolume=60&text=a22abb&tracker=1ebe6b&volslider=78e750&loop=yes&remaining=yes&titles=Song001, Song002[/flash]
โค๊ด: [Select]
[flash=500,24]http://medsai.net/webboard/song/music_player.swf?
soundFile=http://audio.chirbit.com/Song001.mp3, http://audio.chirbit.com/Song002.mp3
&lefticon=cc180f
&righticon=bebb1e
&initialvolume=60
&text=a22abb
&tracker=1ebe6b
&volslider=78e750
&loop=yes
&remaining=yes
&titles=Song001, Song002[/flash]



http://medsai.net/webboard/song/music_player.swf?soundFile=http://medsai.net/webboard/song/Chojin%20Sentai%20Jetman%20OP.mp3,http://medsai.net/webboard/song/Kyoryu%20Sentai%20Zyuranger%20OP.mp3&lefticon=cc180f&righticon=bebb1e&initialvolume=60&text=a22abb&tracker=1ebe6b&volslider=78e750&loop=yes&remaining=yes&titles=เจ็ทแมน, จูเรนเจอร์

ค่อยๆ ลองศึกษาดูนะครับ ไม่ยากเลยซักนิด ผมแค่ดันเขียนละเอียดไปหน่อย  :baby: ตัวหนังสือก็เลยเยอะไปซักนิดส์



(http://s2.postimg.org/ye520eont/starline_e0.gif)
หัวข้อ: Re: ★ วิธีนำไฟล์ MP3 มาเปิดให้สมาชิกฟัง ★
เริ่มหัวข้อโดย: โนบุนากะ ที่ เมษายน 17, 2016, 02:10:55 AM
หากอ่านผ่านๆ ปวดกระบาน

คงต้องค่อยๆ ลองแกะคอร์ดดู อิ อิ



ละเอียดน่ะดีแระ คนจะได้เข้าใจ

อย่าลืมแวะเข้ามาดูด้วยนะ เผื่อมีคนมาถาม   :wuubb: