菜单
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)