Power Apps의 오디오 및 비디오 컨트롤

YouTube에서 오디오 파일, 비디오 파일 또는 비디오를 재생하는 컨트롤입니다.

Description

오디오 컨트롤은 파일의 사운드 클립, 마이크 컨트롤의 녹음 또는 비디오 파일의 오디오 트랙을 재생합니다.

비디오 컨트롤은 파일 또는 YouTube 또는 외부 소스에서 비디오 클립을 재생합니다. 선택적으로 캡션을 표시할 수 있습니다.

제한점

오디오 및 비디오 컨트롤에는 다음과 같은 제한 사항이 있습니다.

• Power Apps Mobile은 다양한 유형의 디바이스에서 실행되며, 그 중 일부는 해당 플랫폼과 관련된 제한 사항이 있습니다.
  • iPhone 디바이스를 제외한 모든 플랫폼에서 동시에 여러 비디오 컨트롤로 비디오를 재생할 수 있습니다.
  • 웹 플레이어를 제외한 모든 플랫폼에서 동시에 여러 마이크 컨트롤로 오디오를 녹음할 수 있습니다.

키 속성

루프 – 재생이 완료되는 즉시 오디오 또는 비디오 클립이 자동으로 다시 시작되는지 여부입니다.

미디어 – 오디오 또는 비디오 컨트롤이 재생되는 클립의 식별자입니다.

ShowControls – 오디오 또는 비디오 플레이어에서 재생 단추와 볼륨 슬라이더, 펜 컨트롤이 표시되는지 여부(예: 그리기, 지우기 및 지우기 아이콘).

추가 속성

AccessibleLabel – 화면 읽기 프로그램에 대한 레이블입니다. 비디오 또는 오디오 클립의 제목이어야 합니다.

자동 일시 중지 – 사용자가 다른 화면으로 이동하는 경우 오디오 또는 비디오 클립이 자동으로 일시 중지되는지 여부입니다.

자동 시작 – 사용자가 해당 컨트롤이 포함된 화면으로 이동할 때 오디오 또는 비디오 컨트롤이 자동으로 클립 재생을 시작하는지 여부입니다.

BorderColor – 컨트롤 테두리의 색입니다.

BorderStyle – 컨트롤의 테두리가 Solid, Dashed, Dotted 또는 None인지 여부입니다.

BorderThickness – 컨트롤 테두리의 두께입니다.

ClosedCaptionsUrl – 비디오 컨트롤만 해당합니다. WebVTT 형식의 선택 캡션 파일 URL입니다. 비디오 및 캡션 URL은 모두 HTTPS여야 합니다. 비디오 및 캡션 파일을 모두 호스팅하는 서버는 CORS를 사용하도록 설정해야 합니다.

DisplayMode – 컨트롤에서 사용자 입력(편집)을 허용하는지 여부, 데이터만 표시(보기) 또는 사용 안 함(사용 안 함)입니다.

Fill – 컨트롤의 배경색입니다.

FocusedBorderColor – 컨트롤에 포커스가 있을 때 컨트롤의 테두리 색입니다.

FocusedBorderThickness – 컨트롤에 포커스가 있을 때 컨트롤의 테두리 두께입니다.

높이 – 컨트롤의 위쪽 가장자리와 아래쪽 가장자리 사이의 거리입니다.

이미지 – 이미지, 오디오 또는 마이크 컨트롤에 표시되는 이미지의 이름입니다.

ImagePosition – 이미지와 같은 크기가 아닐 경우 컨트롤 또는 화면의 이미지 위치입니다(채우기, 맞춤, 맞춤, 타일, 가운데).

OnEnd – 오디오 또는 비디오 클립 재생이 완료되면 수행할 작업입니다.

OnPause – 사용자가 오디오 또는 비디오 컨트롤이 재생 중인 클립을 일시 중지할 때 수행할 작업입니다.

OnStart – 사용자가 마이크 컨트롤을 사용하여 녹음을 시작할 때 수행할 작업입니다.

일시 중지 됨 – 미디어 재생 컨트롤이 현재 일시 중지된 경우 True 이고, 그렇지 않으면 false 입니다.

다시 설정 – 컨트롤이 기본값으로 되돌아갈지 여부입니다.

시작 – 오디오 또는 비디오 클립이 재생되는지 여부입니다.

StartTime – 클립 재생을 시작할 때 오디오 또는 비디오 클립이 시작된 후의 시간입니다.

시간 – 미디어 컨트롤의 현재 위치입니다.

TabIndex – 다른 컨트롤과 관련된 키보드 탐색 순서입니다.

도구 설명 – 사용자가 컨트롤을 마우스로 가리킬 때 표시되는 설명 텍스트입니다.

표시 – 컨트롤이 표시되는지 숨겨지는지 여부입니다.

너비 – 컨트롤의 왼쪽 가장자리와 오른쪽 가장자리 사이의 거리입니다.

X – 컨트롤의 왼쪽 가장자리와 부모 컨테이너의 왼쪽 가장자리 사이의 거리입니다(부모 컨테이너가 없는 경우 화면).

Y – 컨트롤의 위쪽 가장자리와 부모 컨테이너의 위쪽 가장자리 사이의 거리입니다(부모 컨테이너가 없는 경우 화면).

관련 함수

First( TableName )

예시

오디오 또는 비디오 파일 재생

1. 파일 메뉴에서 미디어를 클릭하거나 탭하고 비디오 또는 오디오를 클릭하거나 탭한 다음 찾아보기를 클릭하거나 탭합니다.

2. 사용하려는 파일을 찾아 클릭하거나 탭한 다음 열기를 클릭하거나 탭 합니다.

3. 기본 작업 영역으로 돌아가 오디오 또는 비디오 컨트롤을 추가하고 Media 속성을 추가 한 파일로 설정하려면 Esc 키를 누릅니다.

   컨트롤을 추가하고 구성하는 방법을 모르시나요?

4. F5 키를 누른 다음 추가한 컨트롤의 재생 단추를 클릭하거나 탭하여 클립을 재생합니다.

   팁 (조언)

   비디오 컨트롤의 재생 단추는 컨트롤을 마우스로 가리키면 나타납니다.

5. 기본 작업 영역으로 돌아가려면 Esc를 누릅니다.

YouTube 동영상 재생

1. 비디오 컨트롤을 추가하고 미디어 속성을 큰따옴표로 묶은 YouTube 비디오의 URL로 설정합니다.
2. F5 키를 누른 다음 비디오 컨트롤의 재생 단추를 클릭하거나 탭하여 클립을 재생합니다.
3. 기본 작업 영역으로 돌아가려면 Esc를 누릅니다.

내게 필요한 옵션 지침

오디오 및 비디오 대체

• 사용자가 자신의 속도로 멀티미디어를 듣거나 볼 수 있도록 ShowControls는 true여야 합니다. 또한 사용자가 비디오 플레이어에서 선택 자막 및 전체 화면 모드를 전환할 수 있습니다.
• 비디오의 경우 선택 자막을 제공해야 합니다.
  • YouTube 동영상의 경우 YouTube에서 제공하는 제작 도구를 사용하여 캡션을 추가합니다.
  • 다른 비디오의 경우 WebVTT 형식으로 캡션을 만들고 업로드한 다음 ClosedCaptionsUrl 을 URL 위치로 설정합니다. 몇 가지 제한 사항이 있습니다. 서버 호스팅 비디오 및 캡션은 CORS를 사용하도록 설정하고 HTTPS 프로토콜을 사용하여 제공해야 합니다.
• 다음 방법 중 하나를 사용하여 오디오 또는 비디오 대본을 제공하는 것이 좋습니다.
  1. 레이블에 텍스트를 배치하고 멀티미디어 플레이어 옆에 배치합니다. 필요에 따라 텍스트 표시를 토글하는 단추를 만듭니다.
  2. 텍스트를 다른 화면에 배치합니다. 화면 으로 이동하고 멀티미디어 플레이어 옆에 단추를 배치하는 단추를 만듭니다.
  3. 설명이 짧으면 AccessibleLabel에 넣을 수 있습니다.

색 대비

다음 사이에 적절한 색 대비가 있어야 합니다.

• FocusedBorderColor 및 외부 색
• 이미지 및 멀티미디어 플레이어 컨트롤(해당하는 경우)
• 채우기 및 멀티미디어 플레이어 컨트롤(채우기가 표시되는 경우)

비디오 콘텐츠에 색 대비 문제가 있는 경우 선택 자막 및/또는 대본을 제공합니다.

화면 읽기 프로그램 지원

• AccessibleLabel 이 있어야 합니다.

키보드 지원

• TabIndex 는 키보드 사용자가 탐색할 수 있도록 0 이상이어야 합니다.
• 포커스 표시기를 명확하게 표시해야 합니다. 이 작업을 수행하려면 FocusedBorderColor 및 FocusedBorderThickness 를 사용합니다.
• 키보드 사용자가 재생을 빠르게 중지하기 어려울 수 있으므로 자동 시작은 false여야 합니다.