คู่มือการใช้งาน

วิธีใช้งานระบบคาราโอเกะออนไลน์อย่างละเอียด

1. เริ่มต้นใช้งาน

เข้าสู่ระบบได้หลายวิธี:

2. ค้นหาเพลง

คลิกปุ่มค้นหา (มุมซ้ายบนของหน้าคาราโอเกะ หรือในแถบควบคุมด้านล่าง) เพื่อเปิดช่องค้นหา แล้วพิมพ์คำค้นหา:

  • ค้นหาจากชื่อเพลง: พิมพ์ชื่อเพลงที่ต้องการ เช่น "นิทานแกล้มเหล้า"
  • ค้นหาจากศิลปิน: พิมพ์ชื่อศิลปิน เช่น "แดง จิตกร"
  • ค้นหาจากช่อง: พิมพ์ชื่อช่อง YouTube ที่อัปโหลดเพลง
  • ระบบจะแสดงผลการค้นหาแบบเรียลไทม์ขณะที่คุณพิมพ์
  • ผลการค้นหาจะแสดงเป็นรายการที่สามารถเลือกได้

🎤 การค้นหาด้วยเสียง (Voice Search)

  • คลิกปุ่มไมค์ 🎤 ในช่องค้นหาเพื่อเริ่มการค้นหาด้วยเสียง
  • เมื่อกดปุ่มไมค์ ไมค์จะเปลี่ยนเป็นสีแดงและวิดีโอจะหยุดเล่นอัตโนมัติ
  • พูดชื่อเพลงหรือศิลปินที่ต้องการค้นหา
  • เมื่อพูดเสร็จ ข้อความจะถูกใส่ลงในช่องค้นหาอัตโนมัติและค้นหาเลย
  • วิดีโอจะเล่นต่ออัตโนมัติหลังจากข้อความถูกใส่ลงในช่องค้นหา
  • หากต้องการหยุดการฟังก่อนเวลาอันควร ให้คลิกปุ่มไมค์อีกครั้ง

📝 การปิดกล่องค้นหา

  • คลิกนอกกล่องค้นหา (พื้นที่สีดำรอบๆ) เพื่อปิด
  • กดปุ่ม Esc เพื่อปิดกล่องค้นหา
  • หรือคลิกปุ่ม X ที่มุมขวาบนของกล่องค้นหา

📐 โหมดแสดงผลการค้นหา

  • แบบกริด: แสดงผลเป็นกริด (ค่าเริ่มต้น) เหมาะสำหรับเลื่อนดูหลายเพลง
  • แบบรายการ: แสดงผลเป็นรายการแนวนอน มีรายละเอียดมากขึ้น
  • สลับโหมดได้จากปุ่มด้านบนของกล่องค้นหา

3. เพิ่มเพลงเข้าลิสเพลง (Playlist)

มีหลายวิธีในการเพิ่มเพลงเข้าลิสเพลง:

วิธีที่ 1: ใช้เมาส์คลิก

  • เมื่อพบเพลงที่ต้องการในผลการค้นหา
  • คลิกที่ชื่อเพลงหรือรายการเพลง
  • เพลงจะถูกเพิ่มท้ายลิสเพลงทันที

วิธีที่ 2: ใช้คีย์บอร์ด (Enter)

  • พิมพ์ชื่อเพลงในช่องค้นหา
  • ใช้ปุ่ม (Arrow Up/Down) เพื่อเลือกเพลงที่ต้องการ
  • หรือใช้ปุ่มเลื่อนขึ้น/ลงในกล่องค้นหา (ปุ่มลูกศร)
  • กด Enter เพื่อเพิ่มเพลงเข้าลิสเพลง
  • ช่องค้นหายังคงเปิดอยู่เพื่อให้คุณค้นหาเพลงต่อไปได้
  • สามารถใช้ Mouse Wheel (ล้อเมาส์) เพื่อเลื่อนรายการได้

วิธีที่ 3: จากหนังสือเพลง (Songbook)

  • ไปที่หน้า หนังสือเพลง คาราโอเกะ ออนไลน์
  • ค้นหาหรือเรียกดูรายชื่อเพลง
  • วิธีที่ 3.1: เพิ่มเข้า Playlist โดยตรง
    • คลิกปุ่ม "+ เพิ่ม Playlist" ที่คอลัมน์ "การจัดการ" ในแต่ละแถว
    • เพลงจะถูกเพิ่มท้ายลิสเพลงทันที
    • หน้า คาราโอเกะ จะแสดง toast message แจ้งว่าเพิ่มเพลงสำเร็จ (ไม่ต้องรีเฟรชหน้า)
    • คุณสามารถเพิ่มหลายเพลงต่อเนื่องได้โดยไม่ต้องเปลี่ยนหน้า
  • วิธีที่ 3.2: คลิกเปิดเพลง
    • คลิกที่ชื่อเพลงหรือรูป thumbnail ที่ต้องการ
    • เพลงจะถูกเปิดและเพิ่มเข้าลิสเพลงอัตโนมัติ

4. คีย์ลัด (Keyboard Shortcuts)

ระบบรองรับคีย์ลัดต่างๆ เพื่อความสะดวกในการใช้งาน:

คีย์ฟังก์ชัน
Tabเปิด/ปิดการแสดง Playlist (ทำงานได้แม้ในโหมดเต็มจอ)
Escปิดกล่องค้นหา หรือปิด Playlist (เมื่อ Playlist เปิดอยู่)
Enterเลือกเพลงจากผลการค้นหาและเพิ่มเข้าลิสเพลง หรือเล่นเพลงที่เลือกใน Playlist
เลื่อนขึ้น/ลงในผลการค้นหา หรือใน Playlist (เมื่อ Playlist เปิดอยู่)
Page Up Page Downเลื่อนคิวเพลงขึ้น/ลงใน Playlist (เมื่อ Playlist เปิดอยู่)
Mouse Wheelเลื่อนขึ้น/ลงในรายการผลการค้นหา (เมื่อช่องค้นหาเปิดอยู่)
Endข้ามเพลงปัจจุบันไปยังเพลงถัดไปในลิสเพลง

หมายเหตุ: คีย์ลัดบางคีย์จะไม่ทำงานเมื่อกำลังพิมพ์ในช่องค้นหาหรือช่องกรอกข้อมูลอื่นๆ เพื่อป้องกันการทำงานผิดพลาด

5. ปุ่มควบคุม (Control Buttons)

ปุ่มต่างๆ ที่มุมขวาล่างของหน้าเพลง:

🔍 ปุ่มค้นหา (Search)

เปิด/ปิดช่องค้นหาเพลง

📋 ปุ่ม Playlist

เปิด/ปิดการแสดงลิสเพลงที่มุมซ้ายของหน้าจอ

ℹ️ ปุ่มรายละเอียด (Details)

แสดงรายละเอียดของเพลงปัจจุบัน เช่น ชื่อศิลปิน, ช่อง YouTube, จำนวนครั้งที่ดู

📱 ปุ่ม QR Code

แสดง QR Code เพื่อเชื่อมต่อกับรีโมทคอนโทรล (Remote Control) จากอุปกรณ์อื่น

⏯️ ปุ่มเล่น/หยุด (Play/Pause)

ควบคุมการเล่นและหยุดเพลงปัจจุบัน — ใช้ได้ทั้งโหมดปกติและโหมด Cast (เมื่อส่งไป TV)

⏭️ ปุ่มถัดไป (Next)

เล่นเพลงถัดไปในลิสเพลง

🔄 ปุ่มเริ่มเพลงใหม่ (Restart)

เริ่มเล่นเพลงปัจจุบันตั้งแต่ต้นใหม่

🔊 ปุ่มควบคุมเสียง (Volume)

เปิด/ปิดการแสดงแถบปรับระดับเสียง (ไม่ได้ mute เสียง)

⏩ ปุ่มปรับความเร็ว (Speed)

ปรับความเร็วการเล่นเพลง (0.5x, 0.75x, 1x, 1.25x, 1.5x, 1.75x, 2x) — ใช้ได้ทั้งจากหน้าหลักและจากรีโมท

⛶ ปุ่มเต็มจอ (Fullscreen)

เปิด/ปิดโหมดเต็มจอ (F11 หรือ double-click ที่วิดีโอ)

📺 ปุ่ม Cast / ปิด Cast

เมื่อมีอุปกรณ์ Chromecast หรือ TV ที่รองรับ Cast — ปุ่ม Cast (สีดำ) ส่งเพลงปัจจุบันไปเล่นบน TV; ปุ่มปิด Cast (สีแดง) หยุดการส่งและกลับมาเล่นบนอุปกรณ์เดิม

❤️ ปุ่ม Favorite

เพิ่มเพลงปัจจุบันเข้า Favorite (ใจแดงเมื่อเพิ่มแล้ว) — ใช้ได้เมื่อล็อกอินสมาชิก

⏱️ แถบเวลาวิดีโอ (Progress Bar)

คลิกหรือแตะบนแถบเวลาเพื่อข้ามไปยังตำแหน่งที่ต้องการ — ใช้ได้ทั้งโหมดปกติและโหมด Cast

6. จัดการลิสเพลง (Playlist Management)

  • เปิด/ปิดลิสเพลง: ใช้ปุ่ม Playlist หรือกด Tab / ปิดด้วย Esc
  • ดูเพลงในลิสเพลง: ลิสเพลงจะแสดงที่มุมซ้ายของหน้าจอ พร้อมลำดับและชื่อเพลง
  • เล่นเพลงจากลิสเพลง: คลิกที่ชื่อเพลง หรือใช้ปุ่มลูกศรเลือกแล้วกด Enter
  • เลื่อนคิวเพลง: เมื่อ Playlist เปิดอยู่ กด Page Up / Page Down เพื่อเลื่อนลำดับเพลงขึ้น/ลง
  • ลบเพลงออกจากลิสเพลง: คลิกที่ไอคอนลบ (🗑️) ข้างชื่อเพลง
  • การเล่นอัตโนมัติ: เมื่อเพลงจบ ระบบจะเล่นเพลงถัดไปในลิสเพลงอัตโนมัติ
  • แสดงจำนวนเพลง: จำนวนเพลงในลิสเพลงจะแสดงบนปุ่ม Playlist

7. การใช้งานรีโมทคอนโทรล (Remote Control)

รีโมทคอนโทรลช่วยให้คุณควบคุมการเล่นเพลงจากอุปกรณ์อื่น (เช่น โทรศัพท์มือถือ) ได้:

ฟีเจอร์รีโมทคอนโทรล:

  • ค้นหาและเพิ่มเพลง: ใช้ช่องค้นหาในรีโมทเพื่อค้นหาและเพิ่มเพลงเข้าลิสเพลง
  • ค้นหาด้วยเสียง: ใช้ปุ่มไมค์ในรีโมทเพื่อค้นหาด้วยเสียง (ไมค์จะเปลี่ยนเป็นสีแดงเมื่อกดพูด)
  • ควบคุมการเล่น: ปุ่มเล่น/หยุด, ถัดไป, เริ่มเพลงใหม่, จบเพลง
  • ปรับระดับเสียง: ใช้แถบปรับเสียงเพื่อเพิ่ม/ลดระดับเสียง
  • ปรับความเร็ว: ปุ่มปรับความเร็วการเล่น (0.5x–2x) — ค่าจะซิงค์กับหน้าหลัก
  • ควบคุมเวลา: ลากบนแถบเวลาวิดีโอเพื่อข้ามไปยังส่วนที่ต้องการ
  • ดูลิสเพลง: ดูและจัดการลิสเพลงจากรีโมท
  • ซิงค์แบบเรียลไทม์: ลิสเพลงและการเล่นจะซิงค์กันระหว่างอุปกรณ์หลักและรีโมท
  • ใช้ร่วมกับโหมด Cast: เมื่อส่งเพลงไป TV รีโมทสามารถควบคุมการเล่น/หยุด ถัดไป และ seek บน TV ได้

ข้อควรระวัง:

  • ทั้งสองอุปกรณ์ต้องเชื่อมต่ออินเทอร์เน็ต: เพื่อให้ระบบสามารถทำงานได้อย่างถูกต้อง
  • หากรีโมทตัดการเชื่อมต่อ ให้สแกน QR Code ใหม่
  • รีโมทจะทำงานได้เมื่อหน้าเพลงหลักยังเปิดอยู่
  • หากไม่สามารถเชื่อมต่อได้ ให้ตรวจสอบว่าเครื่องมือกำจัดไวรัสหรือไฟร์วอลล์ไม่ได้บล็อกการเชื่อมต่อ

8. โหมด Cast (ส่งไป TV)

เมื่อมีอุปกรณ์ Chromecast หรือ Smart TV ที่รองรับ Google Cast คุณสามารถส่งเพลงไปเล่นบนจอใหญ่ได้:

  • ส่งเพลงไป TV: คลิกปุ่ม Cast (ไอคอนทีวีพร้อมสัญญาณ) เลือกอุปกรณ์ที่ต้องการ วิดีโอจะเล่นบน TV ทันที
  • ควบคุมเมื่อ Cast: ปุ่มเล่น/หยุด ถัดไป เริ่มเพลงใหม่ แถบเวลา และปรับความเร็ว ใช้งานได้เหมือนโหมดปกติ — คำสั่งจะส่งไปควบคุมวิดีโอบน TV
  • หยุด Cast: คลิกปุ่มปิด Cast (สีแดง) เพื่อหยุดการส่งและกลับมาเล่นบนอุปกรณ์เดิม
  • ซิงค์เวลา: เวลาและสถานะการเล่น (เล่น/หยุด) จะซิงค์ระหว่างหน้าจอหลักและ TV แบบเรียลไทม์
  • การเล่นอัตโนมัติ: เมื่อเพลงจบ ระบบจะเล่นเพลงถัดไปบน TV อัตโนมัติ

📌 หมายเหตุ

  • อุปกรณ์หลัก (โทรศัพท์/คอมฯ) และ TV ต้องอยู่ในเครือข่ายเดียวกัน

🖱️ การใช้เมาส์ของรีโมท (Remote Pointer)

เมื่อเล่นเพลงบน TV ผ่าน Cast คุณสามารถใช้รีโมทของทีวีหรือ Chromecast ควบคุมได้สองแบบ:

  • เมาส์/ Pointer ของรีโมท: ถ้ารีโมทมีปุ่มหรือ touchpad ที่เลื่อน cursor (จุดชี้) ได้ ให้เลื่อน cursor ไปที่ปุ่มหรือรายการที่ต้องการ แล้วกดปุ่มเลือก (OK/Enter) เพื่อเปิด Playlist หรือกดปุ่มอื่นๆ บนจอได้เหมือนใช้เมาส์
  • ปุ่มลูกศร (D-pad) + Enter: ใช้ปุ่มลูกศรขึ้น/ลง/ซ้าย/ขวาเพื่อเลื่อนโฟกัสระหว่างปุ่มหรือรายการ แล้วกด Enter เพื่อเลือก (เช่น เปิด Playlist เลือกเพลง)
  • ปุ่มตัวเลขบนรีโมท: กดตัวเลขเพื่อทำงานเร็ว — 0 ดู Playlist, 7 เล่น/หยุด, 8 เพลงถัดไป, 9 เริ่มต้นเพลงใหม่. การค้นหาเพลงทำจากแอพคาราโอเกะบนมือถือ/คอมฯ แล้วส่งไปเล่นบน TV
  • แถบคำอธิบายด้านบนจอ TV จะแสดงปุ่มลัด (0, 7, 8, 9) ให้กดตามได้ทันที

9. หนังสือเพลง (Songbook)

ไปที่ หนังสือเพลง คาราโอเกะ ออนไลน์ เพื่อ:

  • ดูรายชื่อเพลงคาราโอเกะทั้งหมดที่มีในระบบ
  • ค้นหาเพลงจากชื่อหรือศิลปิน
  • เรียกดูเพลงแบบแบ่งหน้า (100 เพลงต่อหน้า)
  • คลิกที่ชื่อเพลงเพื่อเปิดและเล่นเพลง
  • จัดเรียงตาม ID ของเพลง

10. ติดตั้งแอพ (PWA Installation)

ระบบรองรับการติดตั้งเป็น Progressive Web App (PWA) บนโทรศัพท์:

  • คลิกปุ่ม "ติดตั้งแอพ" ที่หน้าแรก (แสดงเฉพาะเมื่อเบราว์เซอร์รองรับ)
  • สำหรับ Chrome/Edge บน Android: จะแสดงการติดตั้งอัตโนมัติ
  • สำหรับ Safari บน iOS: ใช้เมนู Share → Add to Home Screen
  • หลังจากติดตั้งแล้ว แอพจะสามารถเปิดใช้งานได้เหมือนแอพปกติ
  • แอพจะทำงานแบบออฟไลน์บางส่วน (ใช้งานเมื่อมีอินเทอร์เน็ต)

11. เคล็ดลับการใช้งาน

  • ใช้คีย์ลัด Tab เพื่อสลับเปิด/ปิดลิสเพลง กด Esc เพื่อปิด
  • เมื่อ Playlist เปิด ใช้ลูกศรเลื่อนแล้วกด Enter เล่นเพลง หรือ Page Up/Page Down เลื่อนคิว
  • กด End เพื่อข้ามเพลงที่ไม่อยากฟัง
  • Double-click ที่วิดีโอเพื่อเข้าสู่โหมดเต็มจอ
  • ใช้ปุ่มความเร็ว (1x, 1.25x ฯลฯ) เพื่อเร่งหรือชะลอการเล่น — ใช้ได้ทั้งหน้าหลักและรีโมท
  • ใช้รีโมทสำหรับจัดการลิสเพลงจากระยะไกลอย่างสะดวก
  • ใช้โหมด Cast ส่งเพลงไปเล่นบนจอ TV — ปุ่มควบคุม (เล่น/หยุด, ถัดไป, แถบเวลา) ใช้งานได้บน TV
  • ระดับเสียงและความเร็วจะถูกบันทึกอัตโนมัติและคืนค่าในครั้งถัดไป
  • ลิสเพลงจะคงอยู่แม้จะรีเฟรชหน้าเว็บ (เก็บใน localStorage)