다음을 통해 공유

Power Apps의 카메라 컨트롤

사용자가 디바이스에서 카메라를 사용하여 사진을 찍을 수 있도록 하는 컨트롤입니다.

Description

카메라 컨트롤을 사용하여 디바이스의 카메라로 사진을 캡처합니다. 디바이스에는 카메라가 있어야 하며 사용자는 카메라를 사용하도록 앱에 권한을 부여해야 합니다.

카메라 컨트롤을 선택하여 카메라에서 사진을 캡처합니다.

가장 최근에 캡처한 사진은 Photo 속성을 통해 사용할 수 있습니다. 이 속성을 사용하면 이미지가 다음과 같이 될 수 있습니다.

  • 이미지 컨트롤을 사용하여 볼 수 있습니다. 이미지 컨트롤을 사용하여 캡처된 이미지를 봅니다. 자세한 내용은 예제를 참조 하세요.
  • 변수 또는 컬렉션에 임시로 배치합니다. Set 또는 Collect 함수를 사용하여 변수 또는 컬렉션에 이미지를 저장합니다. 컬렉션에서 여러 이미지를 사용하는 동시에 디바이스의 제한된 메모리를 소비하는 경우 주의해야 합니다. SaveData 및 LoadData 함수를 사용하여 디바이스 및 오프라인 시나리오의 로컬 스토리지로 이미지를 이동합니다.
  • 데이터베이스에 저장됩니다. Patch 함수를 사용하여 이미지를 데이터베이스에 저장합니다.
  • base64로 인코딩된 텍스트 문자열로 전송됩니다. JSON 함수를 사용하여 base64 이미지를 인코딩합니다.

Stream, StreamRate 및 OnStream 속성을 사용하여 타이머에서 이미지를 자동으로 캡처합니다. 예를 들어 시간 경과 시퀀스를 만들기 위해 1분마다 그림을 찍습니다.

캡처된 미디어는 텍스트 문자열 URI에서 참조됩니다. 자세한 내용은 데이터 형식 설명서를 참조하세요.

비고

  • 카메라 컨트롤은 Microsoft Edge, Chrome, Firefox 및 Opera 브라우저에서만 지원됩니다. 및 Android 및 iOS 디바이스. 다른 모든 브라우저 및 플랫폼은 앱의 일부 기능이 작동하지 않는다는 경고를 표시합니다.
  • 카메라 컨트롤에서 생성된 이미지는 최대 해상도 640 x 480px입니다. 전체 해상도 이미지가 필요한 경우 그림 추가 컨트롤을 대신 사용합니다.
  • 모바일 디바이스의 제조 및 모델에 따라 카메라 컨트롤을 사용할 때 디바이스 카메라를 초기화하는 데 몇 초 정도 걸릴 수 있습니다.

제한점

카메라 컨트롤에는 다음과 같은 제한 사항이 있습니다.

  1. 카메라 컨트롤을 사용하는 경우 이미지에 메타 데이터 정보가 포함되지 않습니다. 이는 카메라로 이미지를 찍는 방법의 제한 때문입니다. 이 문제를 완화하려면 그림 추가 컨트롤을 사용합니다.
  2. 모바일 디바이스의 메모리가 부족한 경우 디바이스가 충돌하지 않도록 카메라가 일시적으로 비활성화됩니다.
  3. 카메라 컨트롤을 사용하는 앱을 열면 Windows용 Power Apps가 충돌할 수 있습니다. 이 문제를 방지하려면 Windows 플랫폼에서 웹 플레이어를 사용합니다. 또한 여러 카메라는 지원되지 않습니다.

키 속성

AvailableDevices – 디바이스에서 사용 가능한 카메라의 표입니다.

테이블에는 다음 두 개의 열이 포함됩니다.

  • Camera 속성과 함께 사용할 ID 번호
  • 디바이스에서 카메라를 식별하기 위해 제공한 이름입니다. 일부 플랫폼에는 카메라를 찾는 데 도움이 되는 전면 또는 후면 이 포함될 수 있습니다.

참고: 테이블의 모든 디바이스를 앱에서 사용할 수 있는 것은 아닙니다. 일부는 특정 용도로 지정된 특수 드라이버 또는 애플리케이션일 수 있습니다.

카메라 – 사용할 카메라의 숫자 ID입니다. 둘 이상의 카메라가 있는 디바이스에 유용합니다.

OnStream – Stream 속성이 업데이트될 때 수행할 작업입니다.

사진 – 사용자가 사진을 찍을 때 캡처된 이미지입니다.

Stream – StreamRate 속성에 따라 이미지가 자동으로 업데이트됩니다.

StreamRate – Stream 속성에서 이미지를 업데이트하는 빈도(밀리초)입니다. 이 값의 범위는 100(1/10초)에서 3,600,000(1시간)입니다.

추가 속성

AccessibleLabel – 화면 읽기 프로그램에 대한 레이블입니다. 사진을 찍는 용도를 설명해야 합니다.

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

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

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

밝기 – 사용자가 이미지에서 인식할 수 있는 빛의 양입니다.

대비 – 사용자가 이미지에서 비슷한 색을 쉽게 구분할 수 있습니다.

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

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

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

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

OnSelect – 사용자가 컨트롤을 탭하거나 클릭할 때 수행할 작업입니다.

TabIndex – 다른 컨트롤에 비해 키보드 탐색 순서입니다.

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

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

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

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

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

예시

이러한 예제에서는 카메라가 있는 디바이스가 필요합니다. 앱을 테스트하려면 브라우저에서 액세스할 수 있는 웹 캠을 사용합니다. 또는 앱을 저장하고 카메라를 사용하여 iOS 또는 Android 디바이스에 로드합니다.

캡처된 그림의 간단한 표시

  1. 카메라 컨트롤을 추가합니다.

  2. 메시지가 표시되면 앱에서 디바이스의 카메라를 사용하도록 권한을 부여합니다.

  3. 이미지 컨트롤을 추가합니다.

  4. 이미지 컨트롤의 Image 속성을 다음 수식으로 설정합니다.

    Camera1.Photo

    비고

    카메라 컨트롤 이름 Camera1 을 적절하게 대체합니다.

  5. F5 키를 눌러 앱을 미리 봅니다.

  6. 카메라 컨트롤을 선택하거나 탭하여 사진을 찍습니다. 이미지 컨트롤에 결과가 표시됩니다.

  1. 카메라 컨트롤을 추가하고 이름을 MyCamera로 지정하고 OnSelect 속성을 다음 수식으로 설정합니다.

    Collect( MyPix, MyCamera.Photo )

    자세한 내용을 원하시면:

  2. F5 키를 누른 다음 MyCamera를 선택하거나 탭하여 사진을 찍습니다.

  3. 세로 갤러리 컨트롤을 추가합니다. 그런 다음 이미지 컨트롤, 템플릿 및 이미지 갤러리 컨트롤 자체의 크기를 화면에 맞게 조정합니다.

  4. 이미지 갤러리 컨트롤의 Items 속성을 다음 수식으로 설정합니다.

    MyPix

  5. 갤러리에 있는 Image 컨트롤의 Image 속성을 다음 수식으로 설정합니다.

    ThisItem.Url

    찍은 사진이 이미지 갤러리 컨트롤에 나타납니다.

  6. 원하는 만큼 사진을 찍은 다음 Esc 키를 눌러 기본 작업 영역으로 돌아갑니다.

  7. (선택 사항) 이미지 갤러리 컨트롤에서 이미지 컨트롤의 OnSelect 속성을 수식으로 설정합니다.

    Remove( MyPix, ThisItem )

  8. F5 키를 누른 다음 그림을 선택하여 제거합니다.

SaveData 함수를 사용하여 그림을 로컬로 저장하거나 Patch 함수를 사용하여 데이터 원본을 업데이트합니다.

드롭다운에서 활성 카메라 변경

  1. 카메라 컨트롤을 추가합니다.

  2. 메시지가 표시되면 앱에서 디바이스의 카메라를 사용하도록 권한을 부여합니다.

  3. 드롭다운 컨트롤을 추가합니다.

  4. 드롭다운의 Items 속성을 다음으로 설정합니다.

    Camera1.AvailableDevices

    비고

    카메라 컨트롤 이름 Camera1 을 적절하게 대체합니다.

  5. 카메라의 카메라 속성을 다음으로 설정합니다.

    Dropdown1.Selected.Id

    비고

    드롭다운 컨트롤 이름 Dropdown1 을 적절하게 대체합니다.

  6. F5 키를 누른 다음 드롭다운에서 항목을 선택하여 카메라를 변경합니다.

내게 필요한 옵션 지침

카메라 컨트롤은 카메라 피드를 표시하고 사진을 찍는 단추로도 작동합니다. 따라서 단추와 비슷한 접근성 고려 사항이 있습니다.

비디오 대안

시각 장애가 있는 사용자를 위한 대체 형식의 입력을 추가하는 것이 좋습니다. 예를 들어 사용자가 디바이스에서 이미지를 업로드할 수 있도록 그림을 추가 합니다.

색 대비

FocusedBorderColor와 외부 색 사이에 적절한 색 대비가 있어야 합니다.

화면 읽기 프로그램 지원

AccessibleLabel 이 있어야 합니다.

키보드 지원

  • TabIndex 는 키보드 사용자가 탐색할 수 있도록 0 이상이어야 합니다.

  • 포커스 표시기를 명확하게 표시해야 합니다. FocusedBorderColor 및 FocusedBorderThickness를 사용하여 포커스 표시기의 가시성을 업데이트합니다.

참고하십시오

Power Apps의 컨트롤 제한 사항