ข้ามไปยังเนื้อหา

โอเวอร์เลย์แชท Kick (Kick chat overlay)

โอเวอร์เลย์แชท Kick คือการแสดงข้อความแชทสดบนสตรีมของคุณ Basic Chat Widget ของ KickBot เป็นวิดเจ็ตแชทพื้นหลังโปร่งใสสำหรับ OBS: ติดตั้งจากคลังวิดเจ็ต เปลี่ยนฟอนต์และสี แล้วเพิ่ม URL ของวิดเจ็ตเป็น browser source วิดเจ็ตนี้แสดงป้ายของ Kick อีโมตของ Kick และ 7TV และลบข้อความที่ม็อดลบออกให้ด้วย

ต้องมีบัญชี KickBot ที่เชื่อมช่อง Kick แล้ว โอเวอร์เลย์แชททำงานได้โดยที่ KickBot ไม่ต้องเป็นม็อด

KickBot มีวิดเจ็ตแชททางการ 3 แบบ ทั้ง 3 แบบมีขนาด 800 × 600 พิกเซล การตั้งค่าด้านล่างเป็นของ Basic Chat Widget อีก 2 แบบก็เปลี่ยนสีและตัวเลือกการแสดงผลได้เหมือนกัน

  • Basic Chat Widget: ไม่มีพื้นหลัง แสดงแค่ชื่อ ป้าย และข้อความ แชทจึงลอยอยู่บนเกมของคุณ เป็นโอเวอร์เลย์แชท Kick แบบโปร่งใสที่คุ้นตา
  • Basic chat (Block background): แต่ละข้อความมีบล็อกสีเข้มด้านหลังของตัวเอง
  • Basic chat (Box background): ทุกข้อความอยู่ในกล่องสีเข้มกล่องเดียว

ในคลังยังมีวิดเจ็ตแชทที่สตรีมเมอร์คนอื่นสร้าง เช่น แบบมีแอนิเมชัน แบบแนวนอน และแบบพิมพ์ดีด ค้นหา chat ในคลังวิดเจ็ต เพื่อดูทั้งหมด

  1. เปิดคลังวิดเจ็ต แล้วคลิก Basic Chat Widget (หรือสไตล์แชทอื่น)
  2. คลิก ติดตั้งวิดเจ็ต
  3. เปิดวิดเจ็ตที่บันทึกไว้ แล้วคลิก คัดลอก URL ที่วิดเจ็ตแชท
  4. ใน OBS ให้เพิ่ม source แบบ Browser ลงในซีน แล้ววาง URL ในช่อง URL
  5. ตั้ง Width (ความกว้าง) เป็น 800 และ Height (ความสูง) เป็น 600 แล้วคลิก OK

แชทล่าสุดของคุณจะขึ้นทันที และข้อความใหม่จะเข้ามาแบบสด ถ้าจะเปลี่ยนขนาดบนจอ ให้ลากมุมของ source ใน OBS ถ้าจะให้ตัวอักษรใหญ่ขึ้นหรือเล็กลง ให้เปลี่ยน Font size (ขนาดฟอนต์) ใน KickBot แทน ตัวอักษรจะได้คมชัด

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

แถบตั้งค่า Basic Chat Widget ใน KickBot มีตัวอย่างแชท ชื่อวิดเจ็ต Font size, Show bots, Remove old messages และ Text color
เปลี่ยนการตั้งค่าโอเวอร์เลย์แชทและดูผลในตัวอย่าง
การตั้งค่าทำอะไรค่าเริ่มต้น
ชื่อวิดเจ็ตชื่อในรายการวิดเจ็ตที่บันทึกไว้ ไม่แสดงบนสตรีมBasic Chat Widget
Font size (ขนาดฟอนต์)ขนาดตัวอักษรของข้อความ เป็นพิกเซล26
Show bots (แสดงบอท)ถ้าปิด จะซ่อนข้อความจาก KickBot และแชทบอทอื่นที่รู้จักเปิด
Remove old messages (ลบข้อความเก่า)ถ้าเปิด แต่ละข้อความจะหายไปหลังเวลาที่ตั้งไว้ด้านล่างเปิด
Remove messages after (ลบข้อความหลังจาก)จำนวนวินาทีก่อนข้อความจะหายไป60
Text color (สีข้อความ)สีตัวอักษรของข้อความ ชื่อจะใช้สีชื่อ Kick ของแต่ละคนตามเดิมขาว (#ffffff)
Show badges (แสดงป้าย)แสดงป้าย Kick ข้างชื่อ: broadcaster, moderator, VIP, OG, founder, sub gifter และป้ายซับของช่องคุณเองเปิด
Show emotes (แสดงอีโมต)แสดงอีโมต Kick และอีโมต 7TV ของคุณเป็นรูป ถ้าปิด อีโมตจะถูกตัดออกจากข้อความเปิด
Text shadow (เงาตัวอักษร)เพิ่มเงาและขอบบาง ๆ ให้อ่านตัวอักษรได้ง่ายบนซีนที่สว่างเปิด
Highlight @ messages (ไฮไลต์ข้อความ @)ไฮไลต์ข้อความที่แท็กชื่อช่องของคุณเปิด

เมื่อม็อดลบข้อความบน Kick ข้อความนั้นจะหายไปจากโอเวอร์เลย์ด้วย

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

ส่วนล่างของการตั้งค่าวิดเจ็ตแชท มี Highlight @ messages ปุ่มทดสอบข้อความและลบข้อความ และ URL ของ browser source ที่ซ่อนไว้
อีเวนต์ทดสอบและ URL ของ browser source อยู่ด้านล่างของแถบ

Basic Chat Widget ไม่มีพื้นหลัง จึงโปร่งใสใน OBS ตั้งแต่แรก แสดงแค่ชื่อ ป้าย อีโมต และข้อความ ถ้าเกมของคุณสว่างและอ่านตัวอักษรยาก ให้เปิด Text shadow ไว้ หรือติดตั้ง Basic chat (Block background) เพื่อให้มีบล็อกสีเข้มหลังแต่ละข้อความ

ไม่มีข้อความขึ้นใน OBS: เช็กว่าวาง URL เต็มจากวิดเจ็ตที่บันทึกไว้ พิมพ์ข้อความในแชท Kick แล้วรอสักครู่ ถ้ายังไม่ขึ้น ให้คลิกขวาที่ source ใน OBS แล้วเลือก Refresh cache of current page (รีเฟรชแคชของหน้าปัจจุบัน)

ตัวอักษรเบลอ: เกิดจากการขยาย source ใน OBS ให้ใหญ่ขึ้น ให้ตั้ง source กลับเป็น 800 × 600 แล้วเพิ่ม Font size ใน KickBot

ข้อความของบอทยังขึ้นอยู่: ปิด Show bots แล้วคลิก บันทึก ตัวกรองนี้ซ่อน KickBot และรายชื่อบอท Kick ที่ใช้กันทั่วไป บัญชีบอทที่ใช้ชื่ออื่นจะยังแสดงอยู่

อีโมตไม่ขึ้น: เปิด Show emotes แล้วคลิก บันทึก สำหรับอีโมต 7TV ช่อง Kick ของคุณต้องเชื่อมไว้บน 7TV

ถ้าต้องการความช่วยเหลือเรื่อง browser source เพิ่มเติม ดูเพิ่ม browser source ลงใน OBS ถ้าต้องการไกด์ทีละขั้นพร้อมวิธีอื่นในการแสดงแชท ดูเพิ่มแชท Kick ลงใน OBS

เพิ่มแชท Kick ลงใน OBS ยังไง?

ติดตั้ง Basic Chat Widget จากคลังวิดเจ็ตของ KickBot คัดลอก URL ในวิดเจ็ตที่บันทึกไว้ แล้วเพิ่มลงใน OBS เป็น browser source ขนาด 800 × 600

วิดเจ็ตแชทของ KickBot ใช้ฟรีไหม?

ฟรี วิดเจ็ตแชทในคลังใช้ได้ในแพ็กเกจฟรี

ใช้โอเวอร์เลย์แชท Kick ใน Streamlabs หรือ Meld ได้ไหม?

ได้ เพิ่ม URL เดียวกันเป็น browser source ใน Streamlabs Desktop, Meld หรือแอปไหนก็ได้ที่แสดงหน้าเว็บได้

ทำไมในช่องตัวอย่างมีชื่อคนที่ไม่รู้จัก?

ช่องตัวอย่างใน KickBot ใช้ข้อความจำลองเพื่อให้คุณเห็นผลของการตั้งค่า ส่วนใน OBS โอเวอร์เลย์จะแสดงแชท Kick จริงของคุณ