เพิ่ม Donation Alert ใน OBS ด้วย Browser Source

ก่อนเริ่ม ให้เตรียม Widget URL ของ Alert

เข้าสู่ Tipkub เปิด ตั้งค่า แล้วเลือกแท็บ Alert คัดลอก Widget URL ของแท็บนี้โดยตรง ไม่ใช้ลิงก์หน้ารับโดเนท และไม่ใช้ URL ของ Goal หรือ Timer เพราะแต่ละ Widget แสดงผลคนละประเภท

ลิงก์ Widget มีข้อมูลสำหรับเข้าถึง Widget ของช่องคุณ เก็บไว้ใน OBS และเครื่องที่คุณควบคุม หากต้องส่งภาพหน้าจอให้ผู้อื่นช่วยตรวจ ให้ปิดบังลิงก์ทั้งหมดก่อน

เพิ่ม Browser Source ในฉากที่ใช้งาน

1. เปิด OBS แล้วเลือก Scene ที่ต้องการแสดงการแจ้งเตือน
2. ใน Sources กดเพิ่มและเลือก Browser ตั้งชื่อให้แยกออกจากแหล่งภาพอื่น เช่น Tipkub Alert
3. ปิด Local file แล้ววาง Widget URL ในช่อง URL
4. กำหนด Width และ Height ให้เหมาะกับพื้นที่แจ้งเตือน ตัวอย่างเริ่มต้นสำหรับฉาก Full HD คือ 800 × 600 แล้วปรับตามธีมของคุณ ค่านี้เป็นตัวอย่าง ไม่ใช่ขนาดบังคับของ Tipkub
5. ยืนยัน แล้ววาง Source เหนือแหล่งภาพเกมในรายการ Sources เพื่อไม่ให้ภาพเกมบัง Alert

Browser Source คือหน้าเว็บที่ OBS โหลดอยู่ในฉาก การยืดกรอบในฉากกับการเปลี่ยน Width/Height เป็นคนละอย่าง หากข้อความถูกตัด ให้ลองเพิ่มขนาดพื้นที่ใน Properties ก่อนย่อกรอบลงให้พอดีกับฉาก

ทดสอบภาพและข้อความก่อนจัดตำแหน่งสุดท้าย

กลับไปที่แท็บ Alert ใน Tipkub แล้วกดทดสอบ Alert ขณะ OBS เปิดอยู่ รอดูเหตุการณ์จนจบก่อนกดซ้ำ หากพื้นที่ว่างก่อนทดสอบ อาจเป็นพฤติกรรมปกติของ Widget ที่รอเหตุการณ์ ไม่จำเป็นต้องมีภาพแสดงตลอดเวลา

ทดลองกับตำแหน่งที่ไม่ทับกล้อง ใบหน้า หรือข้อมูลสำคัญของเกม ดูทั้งช่วงเริ่มแสดงและช่วงข้อความยาว จากนั้นบันทึกวิดีโอสั้น ๆ เพื่อประเมินขนาดตัวอักษรในภาพที่ผู้ชมได้รับจริง

ระวังการรีเฟรชเมื่อสลับฉาก

OBS มีตัวเลือกให้หยุดโหลด Source เมื่อมองไม่เห็น และรีเฟรชเมื่อฉากกลับมาทำงาน ตัวเลือกเหล่านี้ทำให้หน้า Widget ถูกโหลดใหม่ได้ หากพบ Alert ขาดช่วงตรงจังหวะเปลี่ยนฉาก ให้ตรวจสองตัวเลือกนี้และทดลองสลับฉากก่อนเริ่มไลฟ์

หากแก้การตั้งค่าแล้ว OBS ยังแสดงผลเก่า ให้ใช้ Refresh cache of current page ใน Properties ของ Browser Source แล้วทดสอบใหม่ หลีกเลี่ยงการรีเฟรชขณะกำลังมีข้อความแจ้งเตือนที่ต้องการให้แสดงจบ

ถ้าเคยรีเซ็ต Widget URL

URL เดิมจะใช้ไม่ได้หลังรีเซ็ต ต้องนำ URL ใหม่ไปแทนในทุก Scene และทุกเครื่องที่ใช้งาน หากใช้ Webhook ด้วย ให้ตรวจการตั้งค่า Webhook และ Authorization ตามคำเตือนในหน้าตั้งค่า อย่ารีเซ็ต URL เป็นขั้นตอนแรกของการแก้ปัญหาภาพหรือเสียง เพราะจะกระทบจุดเชื่อมต่ออื่น

รายละเอียดของตัวเลือก OBS อ้างอิงจาก คู่มือ Browser Source ของ OBS หากภาพขึ้นแต่เสียงมีปัญหา ให้อ่าน ขั้นตอนตรวจ Alert และเสียง ต่อ