Power Apps의 오디오 및 비디오

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

설명

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

비디오 컨트롤은 파일이나 YouTube 또는 외부 소스의 비디오 클립을 재생합니다. 지정된 경우에는 선택적으로 선택 자막이 표시될 수 있습니다.

중요

Azure Media Services의 비디오는 더 이상 지원되지 않습니다. 자세한 내용은 서비스 종료를 참조하세요.

제한 사항

오디오 및 비디오 컨트롤에는 이러한 제한 사항이 있습니다.

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

키 속성

Loop – 재생을 마치는 즉시 오디오 또는 비디오 클립이 자동으로 시작할지 여부를 선택합니다.

Media – 오디오 또는 비디오 컨트롤에서 재생하는 클립에 대한 식별자입니다.

참고

  • 모든 외부 비디오에 HTTPS를 사용하여 최신 브라우저와의 호환성을 보장합니다.
  • 외부 비디오는 인증 없이 익명으로 액세스할 수 있어야 합니다.

ShowControls - 오디오 또는 동영상 플레이어에서 재생 버튼, 볼륨 슬라이더 등을 표시할지, 그리고 펜 컨트롤이 그리기, 삭제 및 지우기 아이콘 등을 표시할지 여부를 선택합니다.

추가 속성

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

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

AutoStart – 사용자가 해당 컨트롤이 있는 화면으로 이동할 때 오디오 또는 비디오 컨트롤이 클립 재생을 자동으로 시작할지 여부를 선택합니다.

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

BorderStyle – 컨트롤의 테두리는 Solid, Dashed, Dotted, None입니다.

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

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

DisplayMode – 컨트롤이 사용자 입력을 허용(편집)하거나, 데이터만 표시(보기)하거나 사용 안 하도록(사용 안 함) 설정할지 선택합니다.

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

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

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

Height – 컨트롤의 위쪽 및 아래쪽 가장자리 사이의 간격입니다.

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

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

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

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

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

Paused – 미디어 재생 컨트롤이 현재 일시 중지되면 True이고 그렇지 않으면 false입니다.

Reset – 컨트롤을 기본값으로 되돌릴지 여부를 선택합니다.

Start – 오디오 또는 동영상 클립의 재생 여부를 선택합니다.

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

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

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

Tooltip – 사용자가 컨트롤을 마우스로 가리킬 때 나타나는 설명 텍스트입니다.

Visible – 컨트롤을 표시하거나 숨길지 여부를 선택합니다.

Width – 컨트롤의 왼쪽 및 오른쪽 가장자리 사이의 간격입니다.

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

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

First( TableName )

예제

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

  1. File 메뉴에서 Media를 클릭하거나 탭하고 Videos 또는 오디오를 클릭하거나 탭한 다음, Browse를 클릭하거나 탭합니다.

  2. 사용하려는 파일로 이동하여 클릭하거나 탭한 다음, 열기를 클릭하거나 탭합니다.

  3. Esc 키를 눌러 기본 작업 영역으로 돌아가 오디오 또는 비디오 컨트롤을 추가하고 Media 속성을 사용자가 추가한 파일로 설정합니다.

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

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

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

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

YouTube 비디오 재생하기

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

접근성 지침

오디오 및 비디오 대체 항목

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

색 대비

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

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

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

스크린 리더 지원

키보드 지원

  • 키보드 사용자가 탐색할 수 있도록 TabIndex 가 0 이상이어야 합니다.
  • 포커스 표시기가 명확하게 표시되어야 합니다. FocusedBorderColorFocusedBorderThickness 를 사용하여 이를 달성합니다.
  • 키보드 사용자가 재생을 빠르게 중지하기 어려울 수 있으므로 AutoStart는 false여야 합니다.

참고

귀사의 설명서 언어 기본 설정에 대해 말씀해 주시겠습니까? 간단한 설문 조사에 응해주세요. (이 설문 조사는 영어로 되어 있습니다.)

이 설문 조사는 약 7분 정도 걸립니다. 개인 데이터는 수집되지 않습니다(개인정보처리방침).