แนะนำการทำเว็บสำเร็จรูป - วิธีใส่เสียงเพลงในหน้าเว็บไซต์

การใส่เสียงเพลงในหน้าเว็บไซต์นี้ ทำได้ในกรณีที่ท่านได้รับอนุญาตอย่างถูกต้องจากเจ้าของลิขสิทธิ์เพลงเพื่อที่จะมาติดตั้งในหน้าเว็บไซต์เท่านั้นค่ะ

จากที่ ReadyPlanet HowTo ได้มีการแนะนำ วิธีแสดงผล VDO บนหน้าเว็บไซต์ ไปแล้วนั้น วันนี้เรามีเทคนิคตกแต่งเว็บไซต์สำเร็จรูปให้น่าสนใจไม่น้อยกว่าวีดีโอมาแนะนำท่านสมาชิกค่ะ ด้วย วิธีใส่เสียงเพลงให้กับเว็บไซต์ (เฉพาะเพลงที่ได้รับอนุญาตอย่างถูกต้องจากเจ้าของลิขสิทธิ์เพลง) ซึ่งเป็นการติดตั้งโค้ดเครื่องเล่นเพลง MP3 บนหน้าเว็บไซต์ โดยมีขั้นตอนดังต่อไปนี้

1. ไปยังเพลงที่ต้องการนำมาใส่ในเว็บไซต์ ซึ่งเป็นเพลงที่ได้รับอนุญาตอย่างถูกต้องดังกล่าว

2. เมื่อเจอผลการค้นหา ให้คลิกเข้าสู่หน้ารายละเอียดของเพลงที่ต้องการ (ในที่นี้ขอยกตัวอย่างเครื่องเล่นเพลงจากเว็บไซต์ http://club.myfri3nd.com/music-is-life ค่ะ) โดยทั่วไปเว็บไซต์ที่ให้บริการเครื่องเล่นเพลงหรือฟังเพลงออนไลน์ในปัจจุบัน จะมีช่องแสดงโค้ดเพลง หรือช่อง Embed Code เพื่อ Shared โค้ดเพลงให้ผู้เข้าชมนำไปตกแต่งเว็บไซต์ , Blog หรือแบ่งปันให้เพื่อนต่อได้ ให้ท่านคัดลอกโค้ดเพลงที่ปรากฎในช่อง Embed ค่ะ

3. วิธีการติดตั้งโค้ดเครื่องเล่นเพลงในระบบเว็บไซต์ สามารถแบ่งเป็นประเภทเมนูที่รองรับการแสดงผลเครื่องเล่นเพลงได้ 2 รูปแบบหลัก ๆ ดังนี้

3.1. วิธีติดตั้งโค้ดเครื่องเล่นเพลงในเมนู "พื้นที่ด้านล่างของเว็บไซต์" (และประยุกต์ใช้กับเมนู พื้นที่แบนเนอร์ด้านข้าง ชนิด ใช้ HTML Code ได้เช่นกันค่ะ) มีขั้นตอนดังนี้
- 3.1.1. Log in เข้าส่วนสมาชิก ที่เมนู "จัดการเว็บไซต์" คลิกเลือก "กำหนดด้านล่างของเว็บไซต์
- 3.2. เข้าสู่หน้าจัดการพื้นที่ด้านล่างของเว็บไซต์ ให้วางโค้ดเครื่องเล่นเพลงที่คัดลอกมาในส่วน "พื้นที่ด้านล่างของเว็บไซต์ (แสดงเฉพาะหน้าแรกของเว็บไซต์)" ซึ่งจะแสดงผลเครื่องเล่นเพลงที่หน้าแรกของเว็บไซต์เท่านั้น แต่ถ้าหากมีความต้องการให้แสดงทุกหน้าของเว็บไซต์ ให้ท่านวางโค้ดเครื่องเล่นเพลงในส่วน "พื้นที่ด้านล่างของเว็บไซต์ (แสดงเฉพาะหน้าในของเว็บไซต์)" ด้วยค่ะ และคลิก "ตกลง" เพื่อบันทึก
  
  ตัวอย่างการแสดงผลเครื่องเล่นเพลงในพื้นที่ด้านล่างของเว็บไซต์
3.2. วิธีติดตั้งโค้ดเครื่องเล่นเพลงในเมนู "รายละเอียดบทนำ" (และประยุกต์ใช้กับเมนูหลัก เมนูย่อย ชนิดสร้างหน้าใหม่ (P) , หน้ารวมกลุ่มบทความ , บทความ, รายละเอียดทั้งหมดของสินค้าในระบบร้านค้าออนไลน์ Vela Commerce ได้เช่นกันค่ะ) มีขั้นตอนดังนี้
- 3.2.1. Log in เข้าส่วนสมาชิก คลิกปุ่ม Edit เพื่อแก้ไขรายละเอียดบทนำ
- 3.2.2. เข้าสู่หน้าแก้ไขรายละเอียดบทนำ ให้คลิกที่เครื่องมือ (Source) 1 ครั้ง
- 3.3.3. หากเครื่องมือ Source ทำงาน ข้อมูลในช่องรายละเอียดจะถูกแปลงเป็น HTML Code และพร้อมรับข้อมูลที่เป็น Code ต่าง ๆ ให้ท่านวางโค้ดเครื่องเล่นเพลง ที่ Copy มาในส่วนรายละเอียด และคลิก "ตกลง" เพื่อบันทึกข้อมูล
  
  ตัวอย่างการแสดงผลเครื่องเล่นเพลงในรายละเอียดบทนำ

หมายเหตุ :

1. เครื่องเล่นเพลงจะเล่นเพลงอัตโนมัติหรือไม่นั้น ขึ้นอยู่กับเว็บไซต์ที่ให้บริการแต่ละเว็บไซต์ค่ะ

2. อย่างไรก็ตาม ReadyPlanet ไม่แนะนำให้นำ code จากเว็บไซต์ต่าง ๆ ที่เสถียรภาพของเว็บไซต์ไม่ดี หรือมี server อยู่ต่างประเทศ เนื่องจากการเปิดหน้าเว็บไซต์ของท่่าน จะขึ้นกับความเร็ว และเสถียรภาพของระบบของเว็บไซต์ที่ท่านนำ code มาติดตั้งด้วย เช่น หาก server ของ code ที่นำมาติดล่ม หรือโหลดช้า จะทำให้เว็บของท่านเปิดไม่ได้หรือโหลดช้าด้วย
หากพบปัญหาเกิดขึ้น วิธีการแก้ไขคือ เข้าไปลบ code ต่าง ๆ เหล่านี้ออก เว็บไซต์ของท่านก็จะทำงานได้ตามปกติ

แม้ว่าทางทีมงาน ReadyPlanet จะไม่สามารถ Support โปรแกรมตกแต่งเว็บไซต์อื่น ๆ หรือโปรแกรมตกแต่งรูปภาพต่าง ๆ ให้ท่านได้โดยตรง แต่ท่านสามารถดูรายละเอียด เทคนิคการตกแต่งเว็บไซต์เพิ่มเติมได้ที่ ReadyPlanet-HowTo ค่ะ