AI Overlay Builder

คืออะไร

AI Overlay Builder ช่วยสร้างโอเวอร์เลย์ HTML จากพรอมป์ต์ แต่ตัวมันเองไม่ใช่หน้าที่ใช้ใน OBS ให้ใช้ aiprompt.html เพื่อสร้างและดูตัวอย่าง จากนั้นใช้ aioverlay.html สำหรับหน้าเอาต์พุต

1. สร้างในหน้าพรอมป์ต์

1. เปิด aiprompt.html?session=YOUR_SESSION.
2. อธิบายว่าโอเวอร์เลย์ควรทำอะไรและมีหน้าตาอย่างไร
3. ใช้พรอมป์ต์ที่เจาะจง: รูปแบบการจัดวาง พฤติกรรมข้อความ สี จังหวะภาพเคลื่อนไหว และประเภทอีเวนต์ที่สำคัญ
4. คลิกปุ่มดูตัวอย่างและจำลองอีเวนต์แชต การติดตาม สมาชิก ของขวัญ เรด การบริจาค และ JSON กำหนดเอง
5. บันทึกโอเวอร์เลย์ด้วยชื่อหน้าที่ชัดเจน

2. เพิ่มหน้าเอาต์พุตลงใน OBS

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

https://socialstream.ninja/aioverlay.html?session=YOUR_SESSION&overlay=chat-overlay

หากโอเวอร์เลย์โปร่งใสหรือปรากฏเฉพาะตอนมีอีเวนต์ ให้ใช้ปุ่มจำลองของตัวสร้างก่อนเพื่อยืนยันว่าแสดงผลได้

3. ใช้เทมเพลตเมื่อต้องการตั้งค่าให้เร็วขึ้น

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

วิธีแก้ปัญหาที่พบบ่อย

• ตัวอย่างว่าง: คลิกปุ่มจำลองและตรวจสอบแผงคอนโซล
• OBS ว่าง: ยืนยันว่าชื่อหน้าที่บันทึกและเซสชันตรงกับตัวสร้าง
• พฤติกรรมอีเวนต์ไม่ถูกต้อง: ทดสอบด้วยประเภทอีเวนต์ที่ต้องการจริง ไม่ใช่เฉพาะแชตปกติ
• โค้ดที่สร้างทำงานผิดพลาด: ใช้ Review & polish หรือทำพรอมป์ต์ให้เรียบง่ายขึ้น
• โอเวอร์เลย์ทำงานในตัวสร้างแต่ไม่ทำงานใน OBS: เปิด URL เดียวกันของ aioverlay.html ในเบราว์เซอร์ปกติก่อน