Performance Hub 로고Performance Hub
사이트 섹션: 문서

콘텐츠 추가

이 페이지의 내용

화면에 표시되는 모든 콘텐츠는 Library에서 시작합니다. 이 페이지에서는 이미지와 동영상, 웹 페이지, 앱, 실시간 카메라 화면 등 콘텐츠를 추가하는 각 방법을 설명합니다. 항목이 Library에 추가되면 화면에 게시하거나 재생 목록에 추가할 수 있습니다.

빠른 참조

찾는 위치: Display Screens → Library → Add content

접근 가능 대상: 해당 시설에서 Display Screens 접근 권한이 있는 사용자. CCTV 라이브 뷰에는 해당 시설의 CCTV 접근 권한도 필요합니다.

목적: 게시할 수 있도록 새 콘텐츠를 Library로 가져옵니다

Add content 대화 상자Add content 대화 상자

그림 1: Library에 콘텐츠 추가

Library 탭에서 Add content를 클릭한 다음 추가할 항목을 선택합니다. 각 유형에서 지원하는 형식과 적합한 용도는 콘텐츠 유형을 참조하십시오.

이미지 및 동영상

파일 업로드:

  1. Add content를 클릭합니다.
  2. 이미지와 동영상을 Drag images and videos here로 끌어 놓거나 Browse files를 클릭합니다.
유형형식최대 크기
이미지JPEG, PNG, WebP 또는 GIF각 25 MB
동영상MP4, WebM 또는 MOV각 2 GB

링크에서 가져오기:

  1. Add content → Image or video from a link를 클릭합니다.
  2. Link에 JPG, PNG, WebP, GIF, MP4 또는 WebM 파일의 공개 https:// 링크를 붙여 넣습니다. 링크된 이미지는 최대 25 MB, 링크된 동영상은 최대 200 MB까지 가능합니다.
  3. 필요하면 Name(입력하지 않으면 링크에서 가져옴)과 Tags를 입력합니다.
  4. Import를 클릭합니다.

Import an image or video 대화 상자Import an image or video 대화 상자

그림 2: 링크에서 이미지나 동영상 가져오기

링크된 파일은 Library에 복사되므로 원래 링크가 바뀌어도 항목은 계속 작동합니다.

새 이미지와 동영상은 화면용 버전이 만들어지는 동안 processing 상태로 표시됩니다. 이미지는 보통 1분 이내, 동영상은 더 오래 걸립니다. 처리 중인 항목도 바로 재생 목록에 추가할 수 있으며, 준비가 끝나면 재생이 시작됩니다. 처리에 실패하면 항목이 Failed로 표시되고 이유가 나타납니다. 파일을 수정한 다음 다시 업로드하십시오. 이런 항목을 찾으려면 Needs attention 칩을 클릭하거나 Status 필터를 Needs attention으로 설정합니다.

Needs attention 필터로 찾은 실패한 항목Needs attention 필터로 찾은 실패한 항목

그림 3: 처리에 실패한 항목에는 Failed가 표시됩니다. Needs attention으로 필터링하여 찾을 수 있습니다

외부 웹페이지

  1. Add content → External Web Page를 클릭합니다.
  2. Link에 페이지의 https:// 주소를 입력하고 Name을 지정합니다.
  3. 필요하면 Tags를 추가하고 재생 목록에서 표시되는 시간인 **Show for (seconds)**를 설정합니다. 비워 두면 재생 목록 기본값이 사용됩니다.
  4. Add to library를 클릭합니다.

Add an External Web Page 대화 상자Add an External Web Page 대화 상자

그림 4: 웹 페이지 추가

일부 웹사이트는 다른 페이지 안에 표시되는 것("프레이밍")을 차단합니다. 이러한 페이지는 재생 목록 안이나 Library 항목으로는 재생할 수 없지만, 화면 전체를 채우는 방식으로는 표시할 수 있습니다. 해당 화면의 Data Source를 **Full-page website (Kiosk Mode)**로 설정하고 그곳에 주소를 입력하십시오.

웹 페이지는 실시간으로 로드되므로 화면에 표시하려면 인터넷 접속이 필요합니다.

온디바이스 웹 앱

On-Device Web App은 HTML, CSS, JavaScript를 ZIP으로 묶어 업로드하는 자체 웹 페이지나 앱입니다. 화면이 사본을 보관하므로 인터넷이 끊겨도 계속 재생됩니다. AI 에이전트에게 앱을 만들어 게시해 달라고 요청할 수도 있습니다. 게시된 앱을 참조하십시오.

  1. Add content → On-Device Web App을 클릭합니다. 작동하는 예제에서 시작하려면 Download the starter template를 클릭하고, 파일을 편집한 다음 브라우저에서 index.html을 열어 확인합니다.
  2. 최상위 수준의 index.html 시작 페이지와 앱에서 사용하는 CSS, JavaScript, 이미지, 글꼴로 앱을 만듭니다. 앱은 스크롤 없이 화면에 맞아야 합니다.
  3. App files에 ZIP, 폴더 또는 파일을 끌어 놓거나 Choose ZIP, Choose folder 또는 Choose files를 사용합니다.
  4. 앱의 Name을 지정하고, 필요하면 Tags와 **Show for (seconds)**를 설정합니다.
  5. Publish app을 클릭합니다.

Add an On-Device Web App 대화 상자Add an On-Device Web App 대화 상자

그림 5: On-Device Web App 업로드

앱에 필요한 모든 것을 ZIP 안에 넣으십시오. 앱이 인터넷에서 로드하는 항목은 화면이 오프라인일 때 사용할 수 없습니다. 크기 제한, 버전, 디자인 지침은 On-Device Web Apps를 참조하십시오.

에이전트: 게시된 앱

AI 에이전트가 만들어 게시한 앱을 화면에 실시간으로 표시할 수 있습니다. 에이전트가 앱을 게시하고 화면에서 허용하면, 콘텐츠를 추가할 때 Agent: Published App 아래에 해당 앱이 나열됩니다.

  1. Add content → Agent: Published App을 클릭합니다.
  2. 앱을 선택하고 Name을 지정한 다음, 필요하면 Tags와 **Show for (seconds)**를 설정합니다.
  3. Add to library를 클릭합니다.

AI 에이전트에서 앱을 게시하는 방법, 요구 사항, 화면이 앱을 건너뛰는 경우는 Agent: Published Apps를 참조하십시오.

CCTV/VSaaS: 라이브 뷰

CCTV/VSaaS: Live View는 이 시설의 실시간 카메라를 비디오 월 형태로 화면에 표시합니다.

시작하기 전에:

  • CCTV / VSaaS 접근 권한이 필요합니다.
  • CCTV 접근 권한이 있는 조직 관리자가 Settings → CCTV에서 Allow CCTV on display screens를 켜야 합니다. 기본적으로 꺼져 있습니다.
  • 실시간 카메라 영상은 화면 근처에 있는 누구나 볼 수 있습니다. 특히 고객, 손님, 환자, 회원이 머무는 구역에서는 게시하기 전에 개인정보 보호를 고려하십시오.

라이브 뷰를 추가하려면:

  1. Add content → CCTV/VSaaS: Live View를 클릭합니다.
  2. 소스를 선택합니다.
    • Choose cameras: 비디오 월에 표시할 순서대로 최대 9대의 카메라를 클릭한 다음 Layout을 선택합니다: Automatic, One camera, Side by side, One large, two small, 2 × 2, One large, five small, 3 × 2 또는 3 × 3. On screen에서 비디오 월을 미리 볼 수 있습니다.
    • Shared Live View: 팀에서 이미 CCTV/VSaaS에 공유한 라이브 뷰 중 하나를 선택합니다. 카메라가 9대를 초과하는 뷰는 처음 9대만 표시됩니다.
  3. Quality on screens에서 Auto (recommended), Native (the camera's own quality) 또는 고정 1080p, 720p, 480p, 360p 중에서 선택합니다. Auto는 카메라의 엣지 프로세서와 같은 네트워크에 있는 화면에서는 카메라 자체 품질로 재생하고, 그 밖의 화면에서는 720p(카메라 최대 3대) 또는 360p(그 이상)로 재생합니다. 네트워크가 느리면 더 낮은 품질을 선택하십시오.
  4. Show camera names 여부를 선택하고, 라이브 뷰의 Name과 필요하면 Tags를 지정합니다.
  5. Add to library를 클릭합니다. 카메라가 화면에 표시된다는 점을 확인하라는 메시지가 나타납니다.

라이브 뷰의 카메라와 레이아웃 선택라이브 뷰의 카메라와 레이아웃 선택

그림 6: 실시간 카메라 화면 추가: 카메라와 레이아웃 선택

공유된 Live View 선택공유된 Live View 선택

그림 7: 또는 CCTV/VSaaS에서 공유된 Live View 재사용

Quality on screens 옵션Quality on screens 옵션

그림 8: 화면의 동영상 품질 선택

실시간 동영상을 재생할 수 없는 화면에서는 대신 몇 초마다 정지 화면이 표시됩니다.

라이브 뷰는 이 시설의 화면에만 표시할 수 있습니다. 시설에 더 이상 CCTV가 없거나, Allow CCTV on display screens가 꺼졌거나, 라이브 뷰의 카메라를 하나도 사용할 수 없으면 화면은 라이브 뷰를 건너뜁니다. 마지막 경우에는 라이브 뷰의 카메라를 편집하여 해결하십시오.