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

ตั้งค่าครั้งเดียว ใช้งานตลอด — ง่ายมาก

เริ่มต้น 3 ขั้นตอน

สมัคร & เข้าระบบ

ไปที่ Login → สมัครสมาชิกด้วย Email หรือเข้าสู่ระบบด้วย Discord → รอยืนยันจาก Admin → ล็อกอินเข้ามา

วาง Overlay ใน OBS

เข้า Console → แท็บ ภาพรวม → คัดลอก URL Overlay → เปิด OBS → เพิ่ม Browser Source → วาง URL → ตั้งขนาด 1920×1080

ทดสอบ

เข้าแท็บ ทดสอบโดเนท → กรอกชื่อ + จำนวนเงิน + ข้อความ → กดส่ง → จะเห็นแจ้งเตือนขึ้นหน้าจอ OBS เลย

เสร็จแล้ว! ขั้นตอนทั้งหมดใช้เวลาไม่ถึง 1 นาที หลังจากนี้ผู้ชมสามารถโดเนทได้ทันที

การสมัครสมาชิก & เข้าสู่ระบบ

สมัครด้วย Email

ไปที่หน้า Login
กดแท็บ สมัครสมาชิก
กรอก ชื่อผู้ใช้ (จะแสดงบนหน้าโดเนท), อีเมล, รหัสผ่าน
กด สมัครสมาชิก
รอ Admin อนุมัติบัญชี (สถานะ Pending) จึงจะเข้าใช้งานได้

เข้าสู่ระบบด้วย Discord

ไปที่หน้า Login
กดปุ่ม เข้าสู่ระบบด้วย Discord
ยืนยันตัวตนผ่าน Discord → รอ Admin อนุมัติ

หมายเหตุ: บัญชีใหม่จะอยู่ในสถานะ pending ต้องรอ Admin อนุมัติก่อนจึงจะเข้าใช้งานได้

Console — ศูนย์จัดการ

หลังเข้าสู่ระบบ คุณจะอยู่ที่หน้า Console ซึ่งมี 4 แท็บหลัก:

แท็บ	หน้าที่
ภาพรวม	ดู URL หน้าโดเนทของคุณสำหรับแชร์ให้ผู้ชม
ทดสอบโดเนท	ส่งข้อความทดสอบเพื่อดูว่า Overlay ทำงานถูกต้อง
วิดเจ็ต	ปรับแต่งรูปลักษณ์ของแจ้งเตือน (สไตล์, สี, ฟอนต์, เสียง, TTS)
หน้าโดเนท	ตั้งค่าหน้าสาธารณะที่ผู้ชมใช้โดเนท (Banner, ชื่อ, สี)

วิดเจ็ต ใน OBS

ขั้นตอนการเพิ่ม Browser Source

เปิด OBS Studio
ที่ Sources → คลิกปุ่ม + → เลือก Browser
ตั้งชื่อ เช่น "Donation Alert"
วาง Overlay URL ที่คัดลอกมาจากแท็บ ภาพรวม
ตั้ง Width: 1920 และ Height: 1080
ติ๊ก Shutdown source when not visible (ปิด source เมื่อไม่แสดงผล)
กด OK

OBS ต้องเปิดค้างไว้! Overlay จะทำงานก็ต่อเมื่อ OBS เปิด Browser Source อยู่เท่านั้น

วิธีคัดลอก Overlay URL

เข้า Console → แท็บ วิดเจ็ต
เลื่อนลงมาที่ส่วน Overlay URL
กดปุ่ม Show เพื่อแสดง URL
กดปุ่ม Copy เพื่อคัดลอก

URL จะมีรูปแบบ: https://poperdonet.online//Overlay/[overlay_code]

Reset Overlay Code: หากต้องการเปลี่ยน Overlay URL (เช่น กลัวว่ามีคนรู้ URL เดิม) กดปุ่ม Reset → URL ใหม่จะถูกสร้างขึ้น → ต้องไปเปลี่ยนใน OBS ใหม่ด้วย

วิดเจ็ต

เข้าแท็บ วิดเจ็ต เพื่อปรับแต่งรูปลักษณ์ของแจ้งเตือน

รูปแบบ Overlay (Style)

สไตล์	รายละเอียด
Classic	แจ้งเตือนตรงกลางจอ — สไตล์มาตรฐาน
Banner	แถบแนวนอน — ไม่บังหน้าจอ
Minimal	ข้อความล้วน — เรียบง่ายที่สุด
Card	กล่องข้อความ — ขนาดพอดี
Fullscreen	แจ้งเตือนเต็มจอ — จัดเต็ม

แอนิเมชัน

เลือกเอฟเฟกต์เวลาแจ้งเตือนปรากฏ: Fade Up, Fade In, Pop In, Bounce In, Slide Left/Right/Down, Zoom + Rotate, Flip In, Shake

ข้อความ & ฟอนต์

รูปแบบข้อความ — ใช้ <name> แทนชื่อผู้โดเนท และ <amount> แทนจำนวนเงิน
ตัวอย่าง: <name> โดเนทมา <amount> บาท
ฟอนต์ — เลือกได้ 7 แบบ: Prompt, Kanit, Sarabun, Mitr, Mali, Inter, System Default

สี

สีชื่อ — สีของชื่อผู้โดเนท (ค่าเริ่มต้น: ขาว)
สีจำนวนเงิน — สีของยอดเงิน (ค่าเริ่มต้น: ม่วง)
สีข้อความ — สีของข้อความ (ค่าเริ่มต้น: เทาอ่อน)

รูป / GIF

อัพโหลดรูปหรือ GIF เพื่อแสดงในแจ้งเตือน
รองรับ: PNG, JPEG, WebP, GIF
ปรับ ขนาดรูป ได้ตั้งแต่ 80px ถึง 700px

เสียงแจ้งเตือน

อัพโหลดไฟล์เสียงสำหรับเล่นเมื่อมีคนโดเนท
รองรับ: MP3, WAV, OGG, WebM

Text-to-Speech (TTS)

ระบบจะอ่านข้อความของผู้โดเนทออกเสียง
ปรับ Pitch (เสียงสูง-ต่ำ) ได้ตั้งแต่ 0 ถึง 2
ปรับ Speed (ความเร็ว) ได้ตั้งแต่ 0.1 ถึง 2
กดปุ่ม ทดสอบเสียง เพื่อฟังตัวอย่าง

Preview: หลังปรับตั้งค่าใดๆ กดปุ่ม Preview เพื่อดูตัวอย่างก่อนกด Save

ตั้งค่าหน้าโดเนท

หน้าโดเนทคือหน้าสาธารณะที่ผู้ชมใช้ส่งเงินให้คุณ ตั้งค่าได้ที่แท็บ หน้าโดเนท

สิ่งที่ตั้งค่าได้

รูป Banner — รูปด้านบนสุดของหน้า
หัวข้อหน้า — ใช้ <name> แทนชื่อของคุณ ตัวอย่าง: Support <name>
คำอธิบาย — ข้อความใต้หัวข้อ
สีพื้นหลัง — สีพื้นหลังหน้าโดเนท
สีปุ่ม — สีปุ่ม "Send Donation"

วิธีแชร์หน้าโดเนท

เข้า Console → แท็บ ภาพรวม
คัดลอก URL ที่ขึ้นต้น /Donate/...
แปะในแชท, Bio, หรือ Social Media ของคุณ

ทดสอบโดเนท

ใช้แท็บ ทดสอบโดเนท เพื่อทดสอบว่า Overlay ทำงานถูกต้อง

กรอก ชื่อผู้ชม (จะแสดงในแจ้งเตือน)
กรอก จำนวนเงิน (บาท)
กรอก ข้อความ (จะถูก TTS อ่านออกเสียง จำกัด 100 ตัวอักษร)
กด ส่งทดสอบ
ดูผลในหน้าจอ OBS → แจ้งเตือนจะปรากฏตามที่ตั้งค่าไว้

ทดสอบก่อนสตรีมเสมอ — ตรวจสอบว่า Overlay แสดงผลถูกต้อง ทั้งข้อความ, สี, เสียง, และแอนิเมชัน ก่อนเริ่มสตรีมจริง

แก้ปัญหาเบื้องต้น

ปัญหา	วิธีแก้
Overlay ไม่แสดงใน OBS	ตรวจว่า URL ถูกต้อง → ตรวจว่า OBS เปิด Browser Source → กด Refresh ใน OBS
เสียงไม่ดัง	คลิกที่ Overlay หนึ่งครั้งเพื่อเปิดเสียง (Browser Policy) → ตรวจสอบ TTS settings
Overlay URL ถูกเปิดเผย	เข้า Console → แท็บ วิดเจ็ต → กด Reset → คัดลอก URL ใหม่ → เปลี่ยนใน OBS
เข้าสู่ระบบไม่ได้	ตรวจสอบว่าบัญชีได้รับการอนุมัติแล้ว (สถานะ Active) → ติดต่อ Admin
หน้าโดเนทไม่แสดง Banner	ตรวจสอบรูป Banner ในแท็บ หน้าโดเนท → กด บันทึก อีกครั้ง

สำหรับ Admin

Admin มีสิทธิ์เพิ่มเติม:

จัดการผู้ใช้

ไปที่เมนู จัดการผู้ใช้
เปลี่ยน Role (Admin / User) หรือ Status (Active / Pending / Disabled)
กด Save เพื่อบันทึก

Dashboard

ไปที่เมนู Dashboard
ดูสถิติรวม: รายได้ทั้งหมด, จำนวนโดเนท, สตรีมเมอร์ที่ใช้งาน
ดูกราฟ Revenue 30 วันล่าสุด
คลิกชื่อสตรีมเมอร์ใน Leaderboard เพื่อดูสถิติรายบุคคล

คำถามที่พบบ่อย

OBS ต้องเปิดค้างไว้ตลอดไหม?

ใช่ Overlay จะทำงานก็ต่อเมื่อ OBS เปิด Browser Source อยู่เท่านั้น ปิด OBS = แจ้งเตือนหยุดทำงาน

ผู้ชมต้องทำอะไรบ้าง?

ผู้ชมแค่กดเข้าลิงค์หน้าโดเนทที่คุณแชร์ → กรอกชื่อ, จำนวนเงิน, ข้อความ → กดส่ง → แจ้งเตือนจะปรากฏบนหน้าจอ OBS ของคุณทันที

เปลี่ยน Overlay URL ได้ไหม?

ได้ กดปุ่ม Reset ในส่วน Overlay URL → จะได้ URL ใหม่ → ต้องไปเปลี่ยนใน OBS ด้วย

TTS รองรับภาษาไทยไหม?

รองรับ ใช้ Google Translate TTS engine ซึ่งรองรับภาษาไทย

กี่คนโดเนทพร้อมกันได้?

ระบบจะแสดงแจ้งเตือนทีละรายการ โดเนทที่เข้ามาพร้อมกันจะแสดงต่อเนื่องอัตโนมัติ