BBcode MP3(เล่นไฟล์จากเว็บ)

suttasilo

          ธรรมสวัสดีเพื่อนชาวดิสคัส เนื่องจากเคยลองเปิดใช้ attach:// เพื่อเล่นสื่อไฟล์แนบอัตโนมัติ SWF, MP3, BBcode, Media ตั้งค่าตามกระทู้นี้ http://www.discuzthai.com/thread-39327-1-1.html แล้วยังเล่นไม่ได้   วันนี้เลยมานำเสนอวิธีทำ BBcode MP3 แบบเล่นไฟล์จากเว็บ โดยอัพไฟล์เสียงไว้ที่โฮสต์    มีให้เลือกทำ 4 แบบ
แบบที่ 1 MP3mini



วิธีทำ ไปที่จัดการระบบ(admincp) รูปแบบ/จัดการเครื่องมือโพสต์/โค้ด Discuz!/แล้วกรอกรายละเอียดดังนี้
เพิ่ม MP3mini    ชื่อไฟล์ไอคอน: bb_mp3-1.png    แล้วคลิกตกลง
แท็ก: MP3mini
โค้ด/เนื้อหาที่ต้องการ :

1.     <object type="application/x-shockwave-flash" data="player_mp3_mini.swf" width="200" height="20">
   
2.          <param name="movie" value="player_mp3_mini.swf" />
   
3.          <param name="bgcolor" value="#9900CC" />
   
4.          <param name="FlashVars" value="mp3={1}" />
   
5.     </object>

คัดลอกไปที่คลิปบอร์ด

ตัวอย่าง:

1. [MP3mini]ใส่ URL MP3[/MP3mini]

คัดลอกไปที่คลิปบอร์ด

รายละเอียด: ใส่ URL MP3
จำนวนช่องที่ให้ใส่ข้อมูล / โค้ด / ID: กำหนดเป็น 1
คำแนะนำ / คำชี้แนะ:

1. ใส่ URL MP3 :  mp3/suanvang.mp3 ที่นี่

คัดลอกไปที่คลิปบอร์ด

จำนวนที่ต้องการให้แสดง: กำหนดเป็น1
จำกัดสิทธิ์: เลือกผู้ใช้ที่มีสิทธิ์ในการใช้งาน bbcode ตามปรารถนา

แบบที่ 2 MP3normal


วิธีทำ ไปที่จัดการระบบ(admincp) รูปแบบ/จัดการเครื่องมือโพสต์/โค้ด Discuz!/แล้วกรอกรายละเอียดดังนี้
เพิ่ม MP3normal    ชื่อไฟล์ไอคอน: bb_mp3-2.png    แล้วคลิกตกลง
แท็ก: MP3normal
โค้ด/เนื้อหาที่ต้องการ :

1. <object type="application/x-shockwave-flash" data="player_mp3.swf" width="200" height="20">
   
2.          <param name="movie" value="player_mp3.swf" />
   
3.          <param name="FlashVars" value="mp3={1}&showstop=1" />
   
4. </object>

คัดลอกไปที่คลิปบอร์ด

ตัวอย่าง:

1. [MP3normal]ใส่ URL MP3[/MP3normal]

คัดลอกไปที่คลิปบอร์ด

รายละเอียด: ใส่ URL MP3
จำนวนช่องที่ให้ใส่ข้อมูล / โค้ด / ID: กำหนดเป็น 1
คำแนะนำ / คำชี้แนะ:

1. ใส่ URL MP3 :  mp3/suanvang.mp3 ที่นี่

คัดลอกไปที่คลิปบอร์ด

จำนวนที่ต้องการให้แสดง: กำหนดเป็น1
จำกัดสิทธิ์: เลือกผู้ใช้ที่มีสิทธิ์ในการใช้งาน bbcode ตามปรารถนา

แบบที่ 3 MP3maxi

วิธีทำ ไปที่จัดการระบบ(admincp) รูปแบบ/จัดการเครื่องมือโพสต์/โค้ด Discuz!/แล้วกรอกรายละเอียดดังนี้
เพิ่ม MP3maxi    ชื่อไฟล์ไอคอน: bb_mp3-3.png    แล้วคลิกตกลง
แท็ก: MP3maxi
โค้ด/เนื้อหาที่ต้องการ :

1. <object id="monFlash" type="application/x-shockwave-flash" data="player_mp3_maxi.swf" width="200" height="20">
   
2.         <param name="wmode" value="transparent" />
   
3.         <param name="movie" value="player_mp3_maxi.swf" />
   
4.         <param name="FlashVars" value="mp3={1}&showvolume=1" />
   
5. </object>

คัดลอกไปที่คลิปบอร์ด

ตัวอย่าง:

1. [MP3maxi]ใส่ URL MP3[/MP3maxi]

คัดลอกไปที่คลิปบอร์ด

รายละเอียด: ใส่ URL MP3
จำนวนช่องที่ให้ใส่ข้อมูล / โค้ด / ID: กำหนดเป็น 1
คำแนะนำ / คำชี้แนะ:

1. ใส่ URL MP3 :  mp3/suanvang.mp3 ที่นี่

คัดลอกไปที่คลิปบอร์ด

จำนวนที่ต้องการให้แสดง: กำหนดเป็น1
จำกัดสิทธิ์: เลือกผู้ใช้ที่มีสิทธิ์ในการใช้งาน bbcode ตามปรารถนา

แบบที่ 4 MP3maxi (หมายเหตุ จอแสดงผลเล่นไฟล์ MP3 หน้า firefox  จะแสดงเล็กกว่า Crome และ IE)

วิธีทำ ไปที่จัดการระบบ(admincp) รูปแบบ/จัดการเครื่องมือโพสต์/โค้ด Discuz!/แล้วกรอกรายละเอียดดังนี้
เพิ่ม MP3multi    ชื่อไฟล์ไอคอน: bb_mp3.png    แล้วคลิกตกลง
แท็ก: MP3multi
โค้ด/เนื้อหาที่ต้องการ :

1. <object type="application/x-shockwave-flash" data="player_mp3_multi.swf" width="200" height="200">
   
2.          <param name="movie" value="player_mp3_multi.swf" />
   
3.          <param name="FlashVars" value="mp3={1}&showplaylistnumbers=1&showinfo=1&showvolume=1" />
   
4. </object>

คัดลอกไปที่คลิปบอร์ด

ตัวอย่าง:

1. [MP3multi]ใส่ URL 1|URL 2|.... [/MP3multi]

คัดลอกไปที่คลิปบอร์ด

รายละเอียด: ใส่ URL 1|URL 2|URL 3|....
จำนวนช่องที่ให้ใส่ข้อมูล / โค้ด / ID: กำหนดเป็น 1
คำแนะนำ / คำชี้แนะ:

1. URL MP3  ใส่โดยคั่นด้วย |  เช่น mp3/pptflower.mp3|mp3/suanvang.mp3 ที่นี่

คัดลอกไปที่คลิปบอร์ด

จำนวนที่ต้องการให้แสดง: กำหนดเป็น1
จำกัดสิทธิ์: เลือกผู้ใช้ที่มีสิทธิ์ในการใช้งาน bbcode ตามปรารถนา

ดาวน์โหลดไฟล์ player.swf  อัพขึ้นโฮสต์ไปไว้ที่ public_html

ดาวน์โหลดไฟล์ ปุ่มไอคอน bb_mp3 (ทั้ง 4 แบบ)  อัพไปไว้ที่ static/image/common

หมายเหตุ : BBcode MP3 เล่นไฟล์จากเว็บ ไฟล์ MP3  สร้างโฟลเดอร์เก็บไฟล์ เช่น mp3  อัพโหลดไฟล์ไว้ที่โฮสต์  โค้ดไม่สนับสนุนไฟล์ภาษาไทยต้องตั้งชื่อเป็นภาษาอังกฤษครับ
ได้ทดลองโพสต์ไฟล์ที่จากเว็บฝากไฟล์ทั่วไปแล้วไม่ได้   แต่ทดลองไฟล์เก็บไว้เว็บโฮสต์ในไทยอีกโฮสต์หนึ่งนำมาโพสต์แล้วใช้ได้ครับ ?!?!?!

ที่มาจาก : บทบันทึกการสอน "โครงการคอมพิวเตอร์สมองกลเสริมเยาวชนยุคIT" ชมรมรักพลับพลึงธารคุระบุรีศรีพังงา (pptflower.com)
ทดสอบ BBcode MP3 เล่นไฟล์จากเว็บ

1. http://www.pptflower.com/forum.php?mod=viewthread&tid=207

คัดลอกไปที่คลิปบอร์ด

หรือใครจะใช้วิธี BBcode archiveMP3 โดยนำไฟล์ไปฝากไว้ที่เว็บฝากไฟล์ archive.org  สามารถฝากไฟล์ได้ทั้งประเภทวีดีโอ,ออดิโอ,pdf,รูปภาพฯ แล้วแค่เอาโค้ดมาใส่ใน BBcode archiveMP3  ซึ่งไม่เปลืองเนื้อที่  สนใจก็ไปดูที่กระทู้ได้เลย http://www.discuzthai.com/thread-40381-1-1.html

kingkitb

https://en.wikipedia.org/wiki/HTML5_Audio

ใครอยากลองอีกแบบก็ใช้ HTML5 ก็น่าจะได้ครับ ไม่ทำให้เว็บอืด ไม่โดนบล็อค

แต่อาจจะเล่นไม่ได้ใน browser เก่ารุ่นคุณตาหรือ os winxp/linux/OSX10.6 ลงมา