Kodi Live TV OSD: 방송 진행률 바 및 시간 표시 최종 구성

본문

제목: Kodi Live TV OSD: 방송 진행률 바 및 시간 표시 최종 구성

기능 요약

이 코드는 Kodi에서 Live TV를 시청할 때 화면(OSD)의 특정 위치에 다음과 같은 세 가지 요소를 겹쳐서 표시합니다.

반투명 배경: 진행률 바와 텍스트가 비디오 화면 위에서 선명하게 보이도록 도와주는 어두운 배경입니다.

방송 진행률 바: 현재 시청 중인 프로그램의 시작부터 종료까지의 진행 상태를 시각적으로 보여주는 막대입니다.

경과 시간 텍스트: 현재 프로그램이 시작된 후 얼마나 시간이 지났는지 알려주는 텍스트를 진행률 바 위에 표시하여 가독성을 높입니다.

이 모든 요소는 Live TV를 시청할 때만 나타나고, 일반 동영상 재생 시에는 보이지 않습니다.

전체 소스 코드

 

아래 코드를 스킨의 OSD 관련 XML 파일(예: VideoOSD.xml)의 원하는 위치에 붙여넣으시면 됩니다. 코드의 순서가 중요하므로 반드시 이 순서를 지켜주세요.

F:\kodi-21-omega\Kodi\portable_data\addons\skin.eminence.2.mod_11q.kr\16x9\DialogSeekBar.xml

에 추가 합니다.

code

Xml

<!-- ================================================================== -->

<!-- == Live TV 진행률 및 시간 표시 (시작) == -->

<!-- ================================================================== -->

<!-- 1. 진행률 바의 반투명 배경 -->

<!-- 기능: 뒤에 깔리는 반투명한 검은색 배경으로, 비디오 화면 위에서 진행률 바와 텍스트의 시인성을 높여줍니다. -->

<control type="image">

    <left>73</left>

    <bottom>25</bottom>

    <width>250</width>

    <height>30</height>

    <!-- "A0000000": 반투명(A0) 검은색(000000)을 의미 -->

    <texture colordiffuse="A00000FF">common/white.png</texture>

    <visible>Pvr.IsPlayingTV</visible>

</control>

<!-- 2. Live TV 방송 진행률 바 -->

<!-- 기능: 현재 방송 중인 프로그램의 진행 상태를 시각적으로 표시합니다. -->

<control type="progress">

    <left>73</left>

    <bottom>25</bottom>

    <width>250</width>

    <height>30</height>

    <aligny>center</aligny>

    <reveal>true</reveal>

    <!-- PVR.EpgEventProgress: 현재 EPG 이벤트의 진행률(%) 정보를 가져옵니다. -->

    <info>PVR.EpgEventProgress</info>

    <lefttexture colordiffuse="ListLabel">osd/progress-end.png</lefttexture>

    <midtexture colordiffuse="ListLabel">osd/progress-end.png</midtexture>

    <righttexture colordiffuse="ListLabel">osd/progress-end.png</righttexture>

    <!-- Pvr.IsPlayingTV: Live TV 재생 중에만 이 컨트롤을 표시합니다. -->

    <visible>Pvr.IsPlayingTV</visible>

</control>

<!-- 3. 경과 시간 표시 텍스트 -->

<!-- 기능: 진행률 바 위에 현재 방송의 경과 시간을 텍스트로 표시합니다. -->

<control type="label">

    <left>73</left>

    <bottom>25</bottom>

    <width>250</width>

    <height>30</height>

    <align>center</align>      <!-- 텍스트를 수평(좌우) 중앙에 정렬 -->

    <aligny>center</aligny>    <!-- 텍스트를 수직(상하) 중앙에 정렬 -->

    <textcolor>yellow</textcolor>

    <font>font12</font>

    <shadowcolor>black</shadowcolor>

    <!-- PVR.EpgEventElapsedTime: 현재 EPG 이벤트의 경과 시간 정보를 가져옵니다. -->

    <label>$INFO[PVR.EpgEventElapsedTime]</label>

    <visible>Pvr.IsPlayingTV</visible>

</control>

<!-- ================================================================== -->

<!-- == Live TV 진행률 및 시간 표시 (종료) == -->

<!-- ================================================================== -->

소스 코드 상세 설명

1. 반투명 배경 (<control type="image">)

역할: 가장 아래에 깔리는 배경 레이어입니다.

<texture colordiffuse="A0000000">: common/white.png라는 단순한 흰색 이미지에 colordiffuse를 이용해 색상과 투명도를 입힙니다. A0000000은 ARGB(투명도-빨강-초록-파랑) 색상 코드로, 약 63% 불투명도(A0)의 검은색(000000)을 의미합니다.

2. 방송 진행률 바 (<control type="progress">)

역할: 배경 이미지 위에 그려지는 실제 진행률 막대입니다.

<info>PVR.EpgEventProgress</info>: 이 컨트롤이 현재 방송 프로그램의 진행률(%) 정보를 사용하도록 지정하는 핵심 태그입니다.

texture 태그들: osd/progress-end.png 이미지를 사용하여 진행률 바의 시각적 모양을 정의합니다.

3. 경과 시간 텍스트 (<control type="label">)

역할: 가장 위에 표시되는 텍스트 레이어입니다.

<label>$INFO[PVR.EpgEventElapsedTime]</label>: 라벨에 표시될 내용으로, 현재 프로그램의 경과 시간 정보를 가져옵니다.

<align>center</align> & <aligny>center</aligny>: 텍스트를 가로와 세로 모두 정중앙에 위치시켜 진행률 바의 한가운데에 정확히 오도록 합니다.

textcolor, font, shadowcolor: 텍스트의 색상, 글꼴, 그림자 등을 지정하여 가독성을 높입니다.

<visible>Pvr.IsPlayingTV</visible>: 세 컨트롤 모두에 이 조건이 포함되어 있어, 오직 Live TV 시청 상황에서만 이 요소들이 함께 나타나도록 합니다.

27.3s

관련자료

---

• 이전
  c:\Users\shim4\videos\skin.eminence_480p.mp4

  작성일 2025.10.19 17:25
• 다음
  반전주의⚠️ 진짜 필요한 건 기술이 아니다ㅣ삶의 질이 급상승하는 AI 모음ㅣ김덕진 소장

  작성일 2025.10.19 15:08