Android용 이미지 삽입 가이드

MediaPipe Image Embedder 작업을 사용하면 이미지 데이터를 숫자 표현식으로 변환하여 두 이미지의 유사성을 비교하는 등 ML 관련 이미지 처리 작업을 실행할 수 있습니다. 이 안내에서는 Android 앱에서 이미지 삽입 도구를 사용하는 방법을 보여줍니다.

이 태스크의 기능, 모델, 구성 옵션에 관한 자세한 내용은 개요를 참고하세요.

코드 예

MediaPipe Tasks 예시 코드는 Android용 이미지 삽입 도구 앱의 간단한 구현입니다. 이 예에서는 실제 Android 기기의 카메라를 사용하여 이미지를 연속으로 삽입하고 기기에 저장된 이미지 파일에서 삽입 도구를 실행할 수도 있습니다.

이 앱을 자체 Android 앱의 시작점으로 사용하거나 기존 앱을 수정할 때 참고할 수 있습니다. 이미지 삽입 도구 예시 코드는 GitHub에서 호스팅됩니다.

코드 다운로드

다음 안내에서는 git 명령줄 도구를 사용하여 예시 코드의 로컬 사본을 만드는 방법을 보여줍니다.

예시 코드를 다운로드하려면 다음 안내를 따르세요.

  1. 다음 명령어를 사용하여 git 저장소를 클론합니다. 
    git clone https://github.com/google-ai-edge/mediapipe-samples
  2. 원하는 경우 이미지 삽입 도구 예시 앱의 파일만 포함되도록 스파스 체크아웃을 사용하도록 git 인스턴스를 구성합니다. 
    cd mediapipe
git sparse-checkout init --cone
git sparse-checkout set examples/image_embedder/android

예시 코드의 로컬 버전을 만든 후 프로젝트를 Android 스튜디오로 가져와 앱을 실행할 수 있습니다. 자세한 내용은 Android 설정 가이드를 참고하세요.

주요 구성요소

다음 파일에는 이 이미지 삽입 도구 예시 애플리케이션의 중요한 코드가 포함되어 있습니다.

  • ImageEmbedderHelper.kt: 이미지 삽입 도구를 초기화하고 모델 및 위임 선택을 처리합니다.
  • MainActivity.kt: 애플리케이션을 구현하고 사용자 인터페이스 구성요소를 조합합니다.

설정

이 섹션에서는 이미지 삽입 도구를 사용하도록 개발 환경 및 코드 프로젝트를 설정하는 주요 단계를 설명합니다. 플랫폼 버전 요구사항을 비롯하여 MediaPipe 작업을 사용하기 위한 개발 환경 설정에 관한 일반적인 정보는 Android 설정 가이드를 참고하세요.

종속 항목

이미지 삽입 도구는 com.google.mediapipe:tasks-vision 라이브러리를 사용합니다. 이 종속 항목을 Android 앱 개발 프로젝트의 build.gradle 파일에 추가합니다. 다음 코드로 필요한 종속 항목을 가져옵니다.

dependencies {
    ...
    implementation 'com.google.mediapipe:tasks-vision:latest.release'
}

모델

MediaPipe 이미지 임베더 태스크에는 이 태스크와 호환되는 학습된 모델이 필요합니다. 이미지 임베더에 사용할 수 있는 학습된 모델에 관한 자세한 내용은 작업 개요 모델 섹션을 참고하세요.

모델을 선택하고 다운로드한 후 프로젝트 디렉터리 내에 저장합니다.

<dev-project-root>/src/main/assets

ModelAssetPath 매개변수 내에 모델의 경로를 지정합니다. 예시 코드에서 모델은 ImageEmbedderHelper.kt 파일의 setupImageEmbedder() 함수에 정의되어 있습니다.

BaseOptions.Builder.setModelAssetPath() 메서드를 사용하여 모델에서 사용하는 경로를 지정합니다. 이 메서드는 다음 섹션의 코드 예시에서 참조됩니다.

할 일 만들기

createFromOptions 함수를 사용하여 작업을 만들 수 있습니다. createFromOptions 함수는 삽입자 옵션을 설정하기 위한 구성 옵션을 허용합니다. 구성 옵션에 관한 자세한 내용은 구성 개요를 참고하세요.

이미지 삽입 도구 태스크는 정지 이미지, 동영상 파일, 라이브 동영상 스트림이라는 3가지 입력 데이터 유형을 지원합니다. 태스크를 만들 때 입력 데이터 유형에 해당하는 실행 모드를 지정해야 합니다. 입력 데이터 유형에 해당하는 탭을 선택하여 태스크를 만들고 추론을 실행하는 방법을 확인하세요.

이미지

ImageEmbedderOptions options =
  ImageEmbedderOptions.builder()
    .setBaseOptions(
      BaseOptions.builder().setModelAssetPath("model.tflite").build())
    .setQuantize(true)
    .setRunningMode(RunningMode.IMAGE)
    .build();
imageEmbedder = ImageEmbedder.createFromOptions(context, options);

동영상

ImageEmbedderOptions options =
  ImageEmbedderOptions.builder()
    .setBaseOptions(
      BaseOptions.builder().setModelAssetPath("model.tflite").build())
    .setQuantize(true)
    .setRunningMode(RunningMode.VIDEO)
    .build();
imageEmbedder = ImageEmbedder.createFromOptions(context, options);

실시간 스트림

ImageEmbedderOptions options =
  ImageEmbedderOptions.builder()
    .setBaseOptions(
      BaseOptions.builder().setModelAssetPath("model.tflite").build())
    .setQuantize(true)
    .setRunningMode(RunningMode.LIVE_STREAM)
    .setResultListener((result, inputImage) -> {
         // Process the embedding result here.
    })
    .build();
imageEmbedder = ImageEmbedder.createFromOptions(context, options);

이 코드 구현 예시를 통해 사용자는 처리 모드를 전환할 수 있습니다. 이 접근 방식을 사용하면 작업 생성 코드가 더 복잡해지고 사용 사례에 적합하지 않을 수 있습니다. 이 코드는 ImageEmbedderHelper.kt 파일의 setupImageEmbedder() 함수에서 확인할 수 있습니다.

구성 옵션

이 작업에는 Android 앱에 관한 다음과 같은 구성 옵션이 있습니다.

옵션 이름 설명 값 범위 기본값
runningMode 태스크의 실행 모드를 설정합니다. 모드는 세 가지입니다.

IMAGE: 단일 이미지 입력의 모드입니다.

동영상: 동영상의 디코딩된 프레임 모드입니다.

LIVE_STREAM: 카메라와 같은 입력 데이터의 라이브 스트림 모드입니다. 이 모드에서는 결과를 비동기식으로 수신할 리스너를 설정하려면 resultListener를 호출해야 합니다.		 {IMAGE, VIDEO, LIVE_STREAM} IMAGE
l2_normalize 반환된 특성 벡터를 L2 norm으로 정규화할지 여부입니다. 모델에 아직 네이티브 L2_NORMALIZATION TFLite 연산자가 포함되어 있지 않은 경우에만 이 옵션을 사용하세요. 대부분의 경우 이미 이 연산자가 포함되어 있으므로 이 옵션 없이 TFLite 추론을 통해 L2 정규화가 이루어집니다. Boolean False
quantize 반환된 임베딩을 스칼라 정규화를 통해 바이트로 정규화해야 하는지 여부입니다. 임베딩은 단위 노름이라고 암시적으로 가정되므로 모든 측정기준의 값은 [-1.0, 1.0] 범위에 포함됩니다. 그렇지 않은 경우 l2_normalize 옵션을 사용하세요. Boolean False
resultListener 이미지 삽입 도구가 라이브 스트림 모드일 때 삽입 결과를 비동기식으로 수신하도록 결과 리스너를 설정합니다. 실행 모드가 LIVE_STREAM로 설정된 경우에만 사용할 수 있습니다. 해당 사항 없음 설정되지 않음
errorListener 선택적 오류 리스너를 설정합니다. 해당 사항 없음 설정되지 않음

데이터 준비

이미지 삽입 도구는 이미지, 동영상 파일, 라이브 스트림 동영상을 지원합니다. 이 작업은 크기 조절, 회전, 값 정규화를 비롯한 데이터 입력 사전 처리를 처리합니다.

입력 이미지 또는 프레임을 이미지 삽입 도구 작업에 전달하기 전에 com.google.mediapipe.framework.image.MPImage 객체로 변환해야 합니다.

이미지

import com.google.mediapipe.framework.image.BitmapImageBuilder;
import com.google.mediapipe.framework.image.MPImage;

// Load an image on the user’s device as a Bitmap object using BitmapFactory.

// Convert an Android’s Bitmap object to a MediaPipe’s Image object.
Image mpImage = new BitmapImageBuilder(bitmap).build();

동영상

import com.google.mediapipe.framework.image.BitmapImageBuilder;
import com.google.mediapipe.framework.image.MPImage;

// Load a video file on the user's device using MediaMetadataRetriever

// From the video’s metadata, load the METADATA_KEY_DURATION and
// METADATA_KEY_VIDEO_FRAME_COUNT value. You’ll need them
// to calculate the timestamp of each frame later.

// Loop through the video and load each frame as a Bitmap object.

// Convert the Android’s Bitmap object to a MediaPipe’s Image object.
Image mpImage = new BitmapImageBuilder(frame).build();

실시간 스트림

import com.google.mediapipe.framework.image.MediaImageBuilder;
import com.google.mediapipe.framework.image.MPImage;

// Create a CameraX’s ImageAnalysis to continuously receive frames
// from the device’s camera. Configure it to output frames in RGBA_8888
// format to match with what is required by the model.

// For each Android’s ImageProxy object received from the ImageAnalysis,
// extract the encapsulated Android’s Image object and convert it to
// a MediaPipe’s Image object.
android.media.Image mediaImage = imageProxy.getImage()
Image mpImage = new MediaImageBuilder(mediaImage).build();

예시 코드에서 데이터 준비는 ImageEmbedderHelper.kt 파일에서 처리됩니다.

태스크 실행

실행 모드에 해당하는 embed 함수를 호출하여 추론을 트리거할 수 있습니다. Image Embedder API는 입력 이미지 또는 프레임의 임베딩 벡터를 반환합니다.

이미지

ImageEmbedderResult embedderResult = imageEmbedder.embed(image);

동영상

// Calculate the timestamp in milliseconds of the current frame.
long frame_timestamp_ms = 1000 * video_duration * frame_index / frame_count;

// Run inference on the frame.
ImageEmbedderResult embedderResult =
    imageEmbedder.embedForVideo(image, frameTimestampMs);

실시간 스트림

// Run inference on the frame. The embedding results will be available
// via the `resultListener` provided in the `ImageEmbedderOptions` when
// the image embedder was created.
imageEmbedder.embedAsync(image, frameTimestampMs);

다음에 유의하세요.

  • 동영상 모드 또는 라이브 스트림 모드에서 실행할 때는 입력 프레임의 타임스탬프도 이미지 삽입 도구 작업에 제공해야 합니다.
  • 이미지 모드 또는 동영상 모드에서 실행하면 이미지 삽입 도구 작업은 입력 이미지 또는 프레임 처리를 완료할 때까지 현재 스레드를 차단합니다. 현재 스레드가 차단되지 않도록 하려면 백그라운드 스레드에서 처리를 실행합니다.
  • 라이브 스트림 모드에서 실행하면 이미지 삽입 도구 작업이 현재 스레드를 차단하지 않고 즉시 반환됩니다. 입력 프레임 처리를 완료할 때마다 감지 결과와 함께 결과 리스너를 호출합니다. 이미지 삽입 도구 작업이 다른 프레임을 처리하는 데 바쁠 때 embedAsync 함수가 호출되면 작업은 새 입력 프레임을 무시합니다.

예시 코드에서 embed 함수는 ImageEmbedderHelper.kt 파일에 정의되어 있습니다.

결과 처리 및 표시

추론을 실행하면 이미지 임베더 작업은 입력 이미지의 임베딩 목록 (부동 소수점 또는 스칼라 양자화)이 포함된 ImageEmbedderResult 객체를 반환합니다.

다음은 이 태스크의 출력 데이터 예시입니다.

ImageEmbedderResult:
  Embedding #0 (sole embedding head):
    float_embedding: {0.0, 0.0, ..., 0.0, 1.0, 0.0, 0.0, 2.0}
    head_index: 0

다음 이미지를 삽입하여 이 결과를 얻었습니다.

이국적인 고양이의 미디엄 샷

ImageEmbedder.cosineSimilarity 함수를 사용하여 두 임베딩의 유사성을 비교할 수 있습니다. 다음 코드를 참고하세요.

// Compute cosine similarity.
double similarity = ImageEmbedder.cosineSimilarity(
  result.embeddingResult().embeddings().get(0),
  otherResult.embeddingResult().embeddings().get(0));