แกลเลอรีเทมเพลต

ตรวจสอบว่า SSN รับแชตอยู่

เปิดแหล่งข้อมูลแพลตฟอร์มของคุณในแอปหรือส่วนขยาย SSN แล้วส่งข้อความทดสอบ ดำเนินการต่อเมื่อข้อความปรากฏในแผงด็อก SSN แล้วเท่านั้น

รับไฟล์ส่งออกวิดเจ็ตต้นฉบับ

ใช้ ZIP โฟลเดอร์ หรือไฟล์ที่ผู้ออกแบบวิดเจ็ตให้มา ไฟล์ส่งออกที่ใช้งานได้มักประกอบด้วย HTML, CSS, JavaScript, fields/data และไฟล์ประกอบ ภาพหน้าจอหรือ URL โอเวอร์เลย์ของ StreamElements ไม่เพียงพอ

เปิดตัวนำเข้า

เปิดตัวนำเข้าแล้วเลือก ZIP โฟลเดอร์ หรือไฟล์ ตัวนำเข้าจะตรวจพบส่วนต่าง ๆ ของวิดเจ็ตและแสดงตัวอย่างสาธิตทันที

เพิ่ม ID เซสชัน SSN ของคุณ

การเปิดตัวนำเข้าจากป๊อปอัป SSN จะกรอก ID เซสชันและรหัสผ่านให้โดยอัตโนมัติ หากคุณเปิดโดยตรง ให้คัดลอกจาก ตัวเลือกเซสชัน ในแอปหรือส่วนขยาย คุณกรอก ID เซสชันเพียงครั้งเดียวในตัวนำเข้า โดยจะบันทึกไว้ภายในไฟล์ที่ดาวน์โหลด

เลือกประวัติข้อความ

หากวิดเจ็ตที่นำเข้ามีการตั้งค่าที่รองรับ ให้ใช้ ประวัติข้อความ (Message history) เพื่อปิดการลบตามเวลาหรือเปลี่ยนจำนวนข้อความที่คงอยู่บนหน้าจอ การดำเนินการนี้เปลี่ยนการตั้งค่าวิดเจ็ต ไม่ได้แก้โค้ด

ทดสอบก่อนดาวน์โหลด

ตัวอย่างสาธิต (Demo Preview) ตรวจสอบดีไซน์ด้วยข้อความตัวอย่าง ตัวอย่างสด (Live Preview) ตรวจสอบเซสชันด้วยแชตจริงจากแอปหรือส่วนขยาย SSN ที่กำลังทำงาน

ดาวน์โหลดและเพิ่มใน OBS

คลิก ดาวน์โหลด HTML สำหรับ OBS (Download OBS HTML)ใน OBS ให้เพิ่มแหล่งเบราว์เซอร์ (Browser Source) แล้วเปิด ไฟล์ในเครื่อง (Local file)แล้วเลือกไฟล์ HTML ที่ดาวน์โหลดไว้ อย่าเพิ่ม ID เซสชันหรือแก้ไข URL ใน OBS เปิด SSN ไว้ระหว่างสตรีม คุณสามารถปิดตัวนำเข้าและ StreamElements ได้

เลือกเทมเพลตของคุณ

เรียกดูคลังเทมเพลตและเลือกแบบที่เหมาะกับสไตล์สตรีมของคุณ ใช้แกลเลอรีภาพหน้าจอเปรียบเทียบดีไซน์ เทมเพลตในตัวส่วนใหญ่ใช้งานได้โดยตรงผ่าน URL โดยไม่ต้องดาวน์โหลด

เพิ่ม ID เซสชันของคุณ

แทนที่ YOURSESSIONID ใน URL เทมเพลตด้วย ID เซสชัน Social Stream Ninja จริงของคุณ ซึ่งอยู่ใต้ Session Options ในแอปหรือส่วนขยาย SSN ใส่รหัสผ่านด้วยหากเซสชันของคุณใช้รหัสผ่าน

เพิ่มใน OBS/Streamlabs

เพิ่ม URL ที่แก้ไขแล้วเป็นแหล่งเบราว์เซอร์ในซอฟต์แวร์สตรีมของคุณ:

1. ใน OBS คลิก + ใต้ Sources แล้วเลือก "Browser"
2. ตั้งชื่อแหล่งข้อมูลแล้วคลิก OK
3. วาง URL เทมเพลตของคุณพร้อม ID เซสชัน
4. ตั้งความกว้างและความสูง (แนะนำ: 1920×1080)
5. คลิก OK เพื่อเพิ่มลงในฉาก

ปรับแต่งเทมเพลตของคุณ

ปรับโอเวอร์เลย์ให้เป็นสไตล์ของคุณด้วย CSS แบบกำหนดเองด้วยวิธีใดวิธีหนึ่งต่อไปนี้:

• CSS แบบกำหนดเองใน OBS: เพิ่ม CSS ของคุณในคุณสมบัติแหล่งเบราว์เซอร์
• พารามิเตอร์ URL: ต่อท้าย &css=URL_TO_YOUR_CSS_FILE ต่อท้าย URL เทมเพลตของคุณ
• CSS แบบ Base64: สำหรับ CSS แบบอินไลน์ ให้ใช้ &b64css=YOUR_BASE64_ENCODED_CSS