# 플레이어 스킨

채널채널이 페이지에서는 Kollus VOD 콘솔의 설정 메뉴에서 제공하고 있는 플레이어 스킨에 대해 안내합니다.



> ### **플레이어 스킨** <a href="#id-.1" id="id-.1"></a>
>
> 플레이어 스킨(player skin)은 콘텐츠 재생 시, 플레이어의 외형 및 레이아웃을 디자인하는 기능입니다. Kollus VOD에서는 다양한 스킨 템플릿을 제공하며, 이를 기반으로 사용자가 쉽게 커스터마이징할 수 있습니다. 스킨을 통해 로고, 색상, 버튼 등을 자유롭게 수정하여, 브랜드 이미지에 맞게 플레이어 디자인을 구성할 수 있습니다.



### **플레이어 스킨** <a href="#id-.2" id="id-.2"></a>

플레이어 스킨은 플레이어의 디자인을 변경하여 저장할 수 있는 기능입니다. 변경된 플레이어 스킨은 Kollus HTML5 Player에서 비보안 콘텐츠 재생 시 적용되며, Kollus App Player에서는 지원되지 않습니다. 플레이어 스킨 정보는 다음 항목에서 확인할 수 있습니다.

* 제목: 자동으로 생성된 스킨 썸네일과 이름을 확인할 수 있습니다.
* 채널: 플레이어 스킨이 적용된 채널을 조회할 수 있습니다.

<figure><img src="https://92012944-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F07xE4g9511BtbCTnY4D4%2Fuploads%2F8ivkUhVOfg2BnuiVuIVP%2Fimage.png?alt=media&#x26;token=06eb4696-08e8-4dde-b2e2-5c12a0002109" alt=""><figcaption><p>플레이어 > 스킨</p></figcaption></figure>

{% hint style="info" %}
**참고**

트라이얼(Trial) 계정에서는 플레이어 스킨을 추가하거나 수정할 수 없습니다.
{% endhint %}



### **플레이어 스킨 수정 및 추가** <a href="#id" id="id"></a>

플레이어 스킨에는 기본 스킨으로 제공되는 4가지 스킨이 있습니다. 만약 기본 스킨이 아닌 다른 플레이어 스킨을 사용하고 싶다면, 우측에 있는 **수정** 아이콘을 클릭하여 플레이어 설정 페이지로 이동합니다. 플레이어 설정 페이지에서 다음의 항목과 요소를 참고하여 플레이어 스킨을 수정할 수 있습니다.

<figure><img src="https://92012944-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F07xE4g9511BtbCTnY4D4%2Fuploads%2FPD77TZOg7HOqeoSz3hvr%2Fimage.png?alt=media&#x26;token=08daec00-5390-4d3e-9b2a-12064c59b71e" alt=""><figcaption><p>플레이어 > 스킨 > 스킨 수정</p></figcaption></figure>

| **항목**         | **요소**                                                                                                                                             |
| -------------- | -------------------------------------------------------------------------------------------------------------------------------------------------- |
| Default        | <ul><li><p>메뉴 스타일</p><ul><li>VOD</li><li>LIVE</li></ul></li></ul>                                                                                  |
| Header         | <ul><li>Background color</li><li>Background Alpha</li><li>Header Position</li><li>Title</li><li>Title Font Color</li><li>Title Font Size</li></ul> |
| Overlay button | <ul><li>Icon Color</li><li>Icon Alpha</li><li>Icon Image (100*100 이하 업로드)</li></ul>                                                                |
| Control Bar    | <ul><li>Icon Color</li><li>Icon Alpha</li><li>Icon Image (100*100 이하 업로드)</li></ul>                                                                |
| Thumbnail      | <ul><li>Background Color</li><li>Background Alpha</li><li>Loading Icon Color</li></ul>                                                             |

플레이어 스킨을 추가하고 싶다면, 설정 메뉴에서 플레이어 항목을 선택한 뒤 우측 상단에 있는 **+ 스킨 추가** 버튼을 클릭하면 플레이어 설정 페이지에서 새로운 스킨을 추가할 수 있습니다. 플레이어 스킨은 최대 10개까지 추가할 수 있습니다.



### **플레이어 스킨 적용** <a href="#id-.1" id="id-.1"></a>

추가 또는 수정된 플레이어 스킨은 각 채널마다 다르게 적용할 수 있습니다. **채널** 메뉴에서 **더보기**를 클릭한 후, **플레이어 설정을** 선택하여 등록된 플레이어 스킨을 선택할 수 있습니다. 플레이어 스킨을 선택한 후 저장 버튼을 클릭하면 해당 채널에서만 선택한 플레이어 스킨으로 재생됩니다.

<figure><img src="https://92012944-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F07xE4g9511BtbCTnY4D4%2Fuploads%2FIMfB7HDozkI6FuN4JfXF%2Fimage.png?alt=media&#x26;token=9dcde470-0697-463e-a89d-7138d4df70b5" alt=""><figcaption><p>채널 > 플레이어 설정 > 플레이어 스킨</p></figcaption></figure>

