คลิปวิดีโอนี้เป็น EP.9 ของซีรีส์สอน Page Builder CK (2021) ซึ่งจะแนะนำการใช้งานเครื่องมือในหมวดมัลติมีเดีย 2 ตัว คือ Audio (ไฟล์เสียง) และ Video (วิดีโอ) เพื่อเพิ่มความน่าสนใจให้กับเว็บไซต์ครับ [00:27]
สรุปขั้นตอนการใช้งานจากคลิปได้ดังนี้:
1. เครื่องมือ Audio (เครื่องเล่นเพลง/เสียง) [00:38]
- หน้าที่: ใช้สำหรับแสดงแถบเครื่องเล่นเสียงบนหน้าเว็บ [00:43]
- การใช้งาน:
- ลาก Element Audio มาวางในตำแหน่งที่ต้องการ [01:04]
- คลิก Edit และเลือกไฟล์เสียง (เช่น .mp3) ที่อัปโหลดไว้ในโฟลเดอร์ Image ของ Joomla [01:28]
- Options: สามารถตั้งค่า Autoplay (เล่นอัตโนมัติ) ได้ หากตั้งเป็น No จะแสดงเป็นแถบ Play/Pause ให้ผู้ใช้คลิกเอง [02:04]
- สามารถวางเครื่องเล่นหลายตัวพร้อมกันได้เพื่อนำเสนอลิสต์ของเสียงต่างๆ [02:44]
2. เครื่องมือ Video (เครื่องเล่นวิดีโอ) [03:03]
- หน้าที่: ใช้แสดงวิดีโอจากไฟล์ในเครื่องหรือดึงมาจากแหล่งภายนอกอย่าง YouTube [03:10]
- เทคนิคการดึงวิดีโอจาก YouTube:
- ผู้สอนแนะนำว่าไม่ควร Copy URL จากแถบที่อยู่ด้านบนเบราว์เซอร์โดยตรง เพราะบางครั้งอาจไม่แสดงผล [03:55]
- วิธีที่ถูกต้อง: ให้กดปุ่ม Share ใต้วิดีโอ YouTube แล้ว Copy URL สั้นๆ จากตรงนั้นมาวางในช่อง Video URL ของ Page Builder [04:05]
- การปรับแต่ง:
- กำหนดความกว้าง (Width) ความสูง (Height) และตำแหน่งการจัดวาง [04:37]
- ตั้งค่าการเล่นซ้ำ (Loop) หรือการเล่นอัตโนมัติ (Autoplay) ได้ตามความต้องการ [04:49]
3. การปรับแต่งสไตล์ (Properties) [05:40]
ทั้ง Audio และ Video สามารถปรับแต่งสไตล์เพิ่มเติมได้เหมือนกับ Element อื่นๆ เช่น:
- กำหนดสีพื้นหลัง (Background) [05:40]
- ปรับระยะห่าง (Margin/Padding) เพื่อเว้นพื้นที่ว่างรอบๆ ตัวเครื่องเล่น [05:46]
- ใส่เส้นขอบ (Border) หรือเงา (Shadow) เพื่อให้ดูโดดเด่นขึ้น [05:52]
การนำมัลติมีเดียมาใช้งานจะช่วยให้เว็บไซต์ดูมีชีวิตชีวาและสื่อสารข้อมูลได้หลากหลายรูปแบบมากขึ้นครับ [06:13]




