기본 콘텐츠로 건너뛰기 보완적인 콘텐츠로 건너뛰기

비디오 플레이어

비디오 플레이어를 사용하면 외부 소스에서 다른 형식으로 비디오를 재생할 수 있습니다. 애니메이터는 대시보드 번들에 포함되어 있습니다.

지원되는 비디오 형식은 다음과 같습니다. 자세한 내용은 제한 사항를 참조하십시오.

  • MP4
  • OGG
  • WEBM
  • YouTube

비디오 플레이어에서 사용되는 URL은 테넌트 관리자가 관리 활동 센터에서 허용 목록에 추가해야 합니다. 자세한 내용은 관리Content Security Policy를 참조하십시오. 허용 목록의 예는 비디오 플레이어 허용 목록 예를 참조하십시오.

비디오 플레이어

비디오 플레이어.

사용 시기

비디오 플레이어는 응용 프로그램에 비디오를 포함하려는 경우에 유용합니다. 예를 들어 데모 또는 교육 비디오를 표시하거나 자습서를 추가하거나 기업 뉴스를 표시하려고 합니다.

비디오 추가

편집 중인 시트에 비디오 플레이어 개체를 추가할 수 있습니다. 비디오 개체에 비디오 링크를 추가하거나 붙여 넣습니다. 비디오는 소스에서 스트리밍됩니다. Qlik Sense에 업로드되지 않습니다. 기본적으로 링크의 비디오 형식은 자동으로 감지되고 비디오는 자동 재생되지 않으며 소비자에 비디오 컨트롤을 사용할 수 있습니다.

다음과 같이 하십시오.

  1. 고급 편집 모드 자산 패널에서 사용자 지정 개체 >Dashboard bundle을 열고 비디오 플레이어 개체를 시트로 끌거나 시트에 추가를 클릭합니다.
  2. 비디오 플레이어 개체 필드 Add URL 또는 Video > URL 아래의 속성 패널에서 비디오를 URL로 추가합니다. URL 필드를 표현식으로 형식화할 수 있습니다.
  3. Autodetect 형식이 기본 설정이며 URL에 따라 적절히 조정됩니다. Autodetect를 끈 다음 지원되는 올바른 비디오 형식을 선택할 수도 있습니다.

비디오를 추가한 후 옵션을 조정할 수 있습니다.

비디오 옵션 설정

비디오 옵션은 Properties 창에서 설정합니다.

Analyzer 모드에서 볼 때 비디오가 자동으로 시작되도록 하려면 Auto play를 클릭합니다. Auto play는 기본적으로 꺼져 있습니다. Auto play를 선택하면 비디오가 시작되지만 음소거됩니다. 앱 사용자는 소리를 켜려면 Unmute를 선택해야 합니다.

Hide Controls를 클릭하여 Analyzer 모드에서 비디오 컨트롤을 끕니다. 기본적으로 비디오 컨트롤이 표시됩니다.

Poster image를 추가할 수 있습니다. 기본적으로 포스터 이미지는 꺼져 있습니다. Source의 경우 이미지로 직접 연결되는 외부 URL을 선택하거나 미디어 라이브러리에서 이미지를 추가합니다.

포스터 이미지를 선택하면 비디오 재생을 시작하기 전에 선택한 이미지가 표시됩니다. Poster alignment는 포스터 이미지가 비디오 플레이어 내에서 맞추는 방식을 지정합니다.

편집 모드에서는 비디오를 재생할 수 없습니다. Analyzer 모드와 편집 모드 사이를 전환하면 비디오가 다시 시작됩니다.

Analyzer 모드에서는 재생 버튼으로 비디오를 시작합니다. 일시 중지하고, 음소거와 음소거 해제 사이를 전환하고, 비디오를 전체 화면으로 볼 수 있습니다. 비디오 플레이어 개체를 공유하고 Take snapshot을 선택합니다.

편집 모드에서 오른쪽 클릭 컨텍스트 메뉴는 Qlik Sense에 대한 옵션을 제공합니다. Analyzer 모드에서 컨텍스트 메뉴는 YouTube에 대한 옵션을 제공합니다.

앱 개발자(편집 모드) 또는 앱 소비자(분석가 모드)는 Qlik Sense에서 재생할 YouTube 비디오를 허용해야 합니다.

스타일링 사용자 지정

고급 옵션을 사용하도록 설정하면 속성 패널의 모양에서 다양한 스타일링 옵션을 사용할 수 있습니다.

모양 > 프레젠테이션에서 스타일링을 클릭하여 차트의 스타일링을 추가로 사용자 지정합니다. 각 섹션 옆에 있는 을 클릭하여 스타일을 다시 설정할 수 있습니다. 모두 다시 설정을 클릭하면 스타일링 패널에서 사용할 수 있는 모든 탭의 스타일링이 다시 설정됩니다.

개별 시각화 스타일링에 대한 일반적인 정보는 시각화에 사용자 지정 스타일링 적용을 참조하십시오.

텍스트 사용자 지정

모양 > 일반에서 제목, 부제 및 각주에 대한 텍스트를 설정할 수 있습니다. 이러한 요소를 숨기려면 제목 표시를 해제합니다.

차트에서 다른 레이블의 가시성은 차트별 설정 및 레이블 표시 옵션에 따라 다릅니다. 속성 패널에서 구성할 수 있습니다.

차트에 표시되는 텍스트의 스타일을 지정할 수 있습니다.

  1. 고급 옵션을 클릭합니다.

  2. 속성 패널에서 모양 섹션을 확장합니다.

  3. 모양프레젠테이션에서 스타일링을 클릭합니다.

  4. 일반 탭에서 다음 텍스트 요소의 글꼴, 강조 스타일, 글꼴 크기 및 색을 설정합니다.

    • 제목

    • 부제

    • 각주

배경 사용자 지정

차트의 배경을 사용자 지정할 수 있습니다. 배경은 색과 이미지별로 설정할 수 있습니다.

  1. 고급 옵션을 클릭합니다.

  2. 속성 패널에서 모양 섹션을 확장합니다.

  3. 모양프레젠테이션에서 스타일링을 클릭합니다.

  4. 스타일링 패널의 일반 탭에서 배경색(단색 또는 표현식)을 선택할 수 있습니다. 미디어 라이브러리나 URL에서 이미지를 선택하여 배경을 설정할 수도 있습니다.

    정보 메모

    URL에서 배경 이미지를 추가하려면 해당 URL의 원본을 테넌트의 콘텐츠 보안 정책에 있는 허용 목록에 추가해야 합니다. 다음 지침: img-src를 사용하여 원본을 추가해야 합니다. 이 작업은 테넌트 관리자가 수행합니다.

    자세한 내용은 CSP 항목 만들기을 참조하십시오.

    배경색을 사용하는 경우 슬라이더를 사용하여 배경의 불투명도를 조정합니다.

    배경 이미지를 사용할 때 이미지 크기와 위치를 조정할 수 있습니다.

테두리 및 그림자 사용자 지정

차트의 테두리와 그림자를 사용자 지정할 수 있습니다.

  1. 고급 옵션을 클릭합니다.

  2. 속성 패널에서 모양 섹션을 확장합니다.

  3. 모양프레젠테이션에서 스타일링을 클릭합니다.

  4. 스타일링 패널의 일반 탭에 있는 테두리에서 윤곽선 크기를 조정하여 차트 주변의 테두리 선을 늘리거나 줄입니다.

  5. 테두리 색을 선택합니다.

  6. 모서리 반경을 조정하여 테두리의 원형 정도를 제어합니다.

  7. 일반 탭의 그림자에서 그림자 크기와 색을 선택합니다. 그림자를 제거하려면 없음을 선택합니다.

제한 사항

비디오 플레이어에는 다음과 같은 제한 사항이 있습니다.

  • SafariOGGWEBM 형식을 지원하지 않습니다.
  • iPhone은 네이티브 비디오 컨트롤을 추가합니다. 비디오 플레이어 컨트롤을 사용하지 않으므로 Hide Controls는 컨트롤을 끄지 않습니다.
  • Android는 OGG 형식을 지원하지 않습니다.
  • 비디오 플레이어 개체가 포함된 시트를 내보내거나 인쇄할 때 비디오 플레이어 개체는 포함되지 않습니다.

비디오 플레이어 허용 목록 예

다음 테이블은 비디오 플레이어에 대한 허용 목록 예를 제공합니다.자세한 내용은 관리Content Security Policy를 참조하십시오.

비디오 플레이어 허용 목록 예
이름 원본 Directive(지시문)
video-play-test-mp4 file-examples-com.github.io media-src
wiki img srcupload.wikimedia.orgimg-src, media-src
YouTube - No cookieswww.youtube-nocookie.comchild-src, font-src, frame-ancestors, frame-src, img-src, media-src, script-src, worker-src
YouTubewww.youtube.comchild-src, font-src, frame-ancestors, frame-src, img-src, media-src, script-src, worker-src
YouTube - imgimg.youtube.comimg-src
webmdl5.webmfiles.orgimg-src, media-src

자세한 정보

이 페이지가 도움이 되었습니까?

이 페이지 또는 해당 콘텐츠에서 오타, 누락된 단계 또는 기술적 오류와 같은 문제를 발견하면 개선 방법을 알려 주십시오!