---
# System prepended metadata

title: TSS chat style (Onecomme模板)
tags: [Stream]

---

# TSS chat style (Onecomme模板)

:::info 
Onecomme 官方載點: 
https://onecomme.com/

TSS chat style 模板下載:
https://drive.google.com/file/d/1zBsVH-LJDMTOVAqlSOD58X7pQ7hcvziV/view?usp=drive_link
:::
## 造型預覽
![image](https://hackmd.io/_uploads/S1mX_ucRA.png)


## 使用說明: 

1. 解壓縮後把TSS整個資料夾放到 %AppData%\onecomme\templates\custom\
![image](https://hackmd.io/_uploads/HJ5EPPqCR.png)

2. 開啟Onecomme > 右上角 [...] > 模板
![image](https://hackmd.io/_uploads/r1IIvw9AC.png)

3. 找到TSS模板，拖曳到OBS內即可。
![image](https://hackmd.io/_uploads/BkBcwP5A0.png)

4. 建議寬800 高550


## 特色

- 支援Twitch 表符放大功能: 
![image](https://hackmd.io/_uploads/SJdZ_vqR0.png)

- 支援Twitch 潮框功能:
![image](https://hackmd.io/_uploads/BkBHuwcCR.png)

- 自訂義貼圖指令:
![image](https://hackmd.io/_uploads/Sk1quP9CC.png)

## 自訂義貼圖添加方式:
1. 到TSS模板資料夾，打開script.js (用記事本開啟即可)
![image](https://hackmd.io/_uploads/B197KD5AC.png)

2. 刪除反白的斜線
![image](https://hackmd.io/_uploads/SkSutv9A0.png)

3. 添加指令和圖檔名稱，如範例的 
```javascript
["sklive_10","sklive_10.gif"],
```
請按照此格式添加。

4. 把圖片放到Onecomme_img資料夾內
![image](https://hackmd.io/_uploads/SJdk9wcAR.png)


5. 處理完後記得刷新聊天室。
![image](https://hackmd.io/_uploads/ByaWqP5R0.png)


※有使用疑問or想改樣式可以到Discord的程式討論區提問。