القائمة
OBS Lower Third Controller with Excel data import and dynamic card management
التثبيت باستخدام Codex أو Claude انسخ هذا Prompt والصقه في Codex أو Claude أو مساعد آخر ليراجع صفحة Skill ويثبّتها لك.
استنادا إلى تصنيف SOC المهني
| name | L3 Control Center |
| description | OBS Lower Third Controller with Excel data import and dynamic card management |
แอปพลิเคชันสำหรับควบคุม Lower Third (L3) ใน OBS Studio ผ่าน WebSocket
L3/
├── L3_Control_Center.html # Main HTML (load in OBS Dock)
├── css/
│ └── style.css # All styles
└── js/
└── app.js # All JavaScript logic
ws://localhost:4455| Type | Description | OBS Sources |
|---|---|---|
| Single | แสดง 1 คน | T_Name_N, T_Label1_N, T_Label2_N, T_Label3_N, I_Avatar_N |
| Double | แสดง 2 คน (Home/Away) | T_Name_Home_N, T_Name_Away_N, etc. |
ID | name | LabelName1 | LabelName2 | LabelName3 | image
G_LowerThird_1T_Name_1T_Label1_1, T_Label2_1, T_Label3_1I_Avatar_1G_LowerThird_Home_2T_Name_Home_2, T_Label1_Home_2, I_Avatar_Home_2G_LowerThird_Away_2T_Name_Away_2, T_Label1_Away_2, I_Avatar_Away_2| Function | Description |
|---|---|
connectOBS() | เชื่อมต่อ OBS WebSocket |
sendOBSRequest() | ส่ง request ไปยัง OBS |
sendOBSBatch() | ส่ง batch requests |
processFile() | อ่านไฟล์ Excel |
renderCards() | แสดง Cards ทั้งหมด |
applySingleL3() | อัปเดต Single Card → OBS |
applyDoubleL3() | อัปเดต Double Card → OBS |
toggleSingleVisibility() | เปิด/ปิด Single L3 |
toggleDoubleVisibility() | เปิด/ปิด Double L3 |
createGroupWithSources() | สร้าง OBS Sources อัตโนมัติ |
| Key | Description |
|---|---|
l3_cards | เก็บ Card configuration (JSON array) |
L3 Controlfile:///PATH/TO/L3_Control_Center.htmlrenderSingleCard() / renderDoubleCard() ใน app.jsapplySingleL3() / applyDoubleL3() เพื่อส่งไป OBScss/style.css#00aaff#4ade80#fbbf24#1e1e1esendOBSRequest(requestType, requestData)