# Web Player(Beta)

### ▶️ 더 빠르고, 더 유연하며, 더 강력해진 Kollus Web Player <a href="#kollus-web-player" id="kollus-web-player"></a>

새로운 **Kollus Web Player**는 로딩 속도는 더욱 빨라지고, 사용자 편의성은 향상되었으며, 암호화 콘텐츠 지원도 한층 강화되어 최적의 시청 환경을 구현합니다. 기존 플레이어와 병행 사용이 가능하므로, 점진적 전환도 유연하게 진행할 수 있습니다.

&#x20;

### **🎯 전환하면 어떤 효과가 있을까요?** <a href="#undefined" id="undefined"></a>

* **하나의 플레이어로 모든 콘텐츠 재생**\
  암호화 여부와 상관없이 하나의 플레이어로 모든 콘텐츠를 재생할 수 있어, 운영 효율성이 향상됩니다.
* **로딩 속도 향상으로 더 빠른 접근, 더 낮은 이탈률**\
  콘텐츠 로딩 속도가 빨라져 사용자는 더 빠르게 콘텐츠에 도달할 수 있으며, 그만큼 이탈률도 줄어드는 효과를 기대할 수 있습니다.
* **유지보수도 더 간편하게**\
  최신 기술 구조 기반으로 개발되어, 장기적인 유지보수가 용이하고 개발 리소스 소모도 줄어듭니다.
* **앞으로 출시되는 기능은 모두 신규 플레이어에서만 지원**\
  기존 HTML5 플레이어에는 Kollus의 신규 기능들이 반영되지 않을 예정이므로, 신규 플레이어 도입이 필수적입니다.

&#x20;

### **🔍 어떠한 점이 개선되었을까요?** <a href="#undefined" id="undefined"></a>

#### **콘텐츠 로딩 속도와 재생 안정성이 크게 개선되었어요** <a href="#undefined" id="undefined"></a>

최신 video.js 적용과 코드 구조 최적화를 통해 로딩 속도, 재생 안정성, 호환성이 전반적으로 향상되었습니다. 특히 Progressive Download 방식으로 비암호화 콘텐츠 재생 시 로딩 속도가 약 44% 단축되어, 첫 화면 도달 시간이 더욱 빨라졌습니다. 다양한 환경에서도 재생 오류와 끊김 현상이 줄어들어, 보다 안정적인 시청 환경을 제공합니다.

<p align="center"><a href="https://kollus-service.github.io/compare_player/" class="button primary" data-icon="circle-play">기존 vs. 신규 플레이어 로딩 속도 직접 비교하기</a></p>

<figure><img src="https://92012944-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F07xE4g9511BtbCTnY4D4%2Fuploads%2FfawLGWE61cJfW8UZvjxP%2Fimage.png?alt=media&#x26;token=632dc0e1-ed86-49f8-8d52-b66af93a94ef" alt="" width="563"><figcaption><p>콘텐츠 로딩 속도 비교(Progressive Download 방식 기준)</p></figcaption></figure>

#### **플레이어 자체도 더 가볍고 빨라졌어요** <a href="#undefined" id="undefined"></a>

스크립트 호출 방식 개선으로 불필요한 요청과 데이터 소모를 줄였고, 초기 로딩 시 네트워크 리소스 사용량도 최소화했습니다.

| 항목        | 기존 플레이어 | 신규 플레이어 |
| --------- | ------- | ------- |
| HTTP 요청 수 | 11건     | 2건      |
| 총 데이터 용량  | 1.55 MB | 0.99 MB |

#### **어떤 환경에서도 일관된 UI/UX를 제공해요** <a href="#ui-ux" id="ui-ux"></a>

향상된 재생 컨트롤 UI와 반응형 인터페이스를 통해 다양한 디바이스에서도 일관된 사용자 경험을 제공합니다. 또한, 암호화 여부와 관계없이 모든 콘텐츠에 커스텀 스킨을 적용할 수 있도록 제공할 예정입니다. 브랜드 컬러, 로고, 버튼 구성 등 UI 요소를 자유롭게 설정하여 브랜딩 일관성과 시청 몰입도를 동시에 높일 수 있습니다.

#### **LL-HLS(저지연 HLS) 재생을 지원해요** <a href="#ll-hls-hls" id="ll-hls-hls"></a>

신규 플레이어에서는 LL-HLS(Low Latency HLS) 재생을 공식 지원하여, 라이브 콘텐츠에 최적화된 빠르고 안정적인 재생 환경을 제공합니다.

#### **스트리밍 구조도 훨씬 안정적이에요** <a href="#undefined" id="undefined"></a>

기존의 외부 라이브러리(hls.js, dash.js) 대신, 신규 플레이어는 video.js 내장 VHS(Video HTTP Streaming) 라이브러리를 적용하였습니다. 이를 통해 구조적 안정성, 정합성, 유지 관리 효율성이 모두 향상되었습니다.

&#x20;

### **✅ 주요 항목을 비교해 볼게요!** <a href="#undefined" id="undefined"></a>

| 항목                 | 기존 플레이어 | 신규 플레이어 |
| ------------------ | ------- | ------- |
| 저지연 HLS(LL-HLS) 지원 | △ (제한적) | O       |
| UI/UX 일관성          | X       | O       |
| 최신 DRM 호환성         | O       | O       |
| 콘텐츠 로딩 속도(비암호화 기준) | 평균 2초   | 평균 1초   |
| 초기 플레이어 로딩 최적화     | X       | O       |
| 스트리밍 구조 안정화        | X       | O       |
| 채팅/VR 등 확장 기능 지원   | O       | O       |



### 🌐 지원 **사양은 어떻게 되나요?**

Kollus Web Player는 주요 운영 체제와 웹 브라우저 전반을 폭넓게 지원합니다.

<table><thead><tr><th>운영 체제(OS)</th><th>브라우저(Browser)</th><th data-hidden></th></tr></thead><tbody><tr><td>Windows 8.1 이상</td><td>Chrome, Edge, Firefox</td><td>Chrome, Edge, Firefox</td></tr><tr><td>macOS 10.15 이상</td><td>Chrome, Safari, Firefox, Edge</td><td>Chrome, Safari, Firefox, Edge </td></tr><tr><td>iOS 15.0 이상</td><td>Chrome, Safari</td><td>Chrome, Safari</td></tr><tr><td>Android 5.0 이상</td><td>Chrome</td><td> Chrome</td></tr></tbody></table>



### **🔁 어떻게 전환하면 될까요?** <a href="#undefined" id="undefined"></a>

* **전환은 간단해요!**\
  전담 Kollus 기술 담당자(PE)에게 요청하시면, 평균 1\~2일 내로 신규 플레이어 적용이 가능합니다.
* **지금 당장 전면 교체하지 않아도 괜찮아요!**\
  기존 플레이어와 병행 사용이 가능하므로, 특정 콘텐츠부터 단계적으로 적용하는 점진적 전환도 충분히 가능합니다.



### 💬 지금 전환해 보세요! <a href="#undefined" id="undefined"></a>

더 나은 재생 환경과 다양한 확장 기능을 지금 경험해 보세요.

📧 **문의 및 전환 요청**

* **영업 담당자(AM)**: [biz@catenoid.net](mailto:biz@catenoid.net)
* **기술 담당자(PE)**: [tech\_support@catenoid.net](mailto:tech_support@catenoid.net)
* **대표 전화:** 1544-4367

