iOS 앱에 Cast 통합

이 개발자 가이드에서는 iOS Sender SDK를 사용하여 Google Cast 지원을 iOS 발신기 앱에 추가하는 방법을 설명합니다.

휴대기기 또는 노트북은 재생을 제어하는 발신자이고 Google Cast 기기는 TV의 콘텐츠를 표시하는 수신자입니다.

발신자 프레임워크는 Cast 클래스 라이브러리 바이너리 및 발신자의 런타임에 존재하는 관련 리소스를 나타냅니다. 발신자 앱 또는 Cast 앱은 발신자에서 실행 중인 앱을 나타냅니다. 웹 수신기 앱은 웹 수신기에서 실행되는 HTML 애플리케이션을 나타냅니다.

발신자 프레임워크는 비동기 콜백 디자인을 사용하여 발신자 앱에 이벤트를 알리고 Cast 앱 수명 주기의 다양한 상태 간에 전환합니다.

앱 흐름

다음 단계는 발신자 iOS 앱의 일반적인 대략적인 실행 흐름을 설명합니다.

  • Cast 프레임워크는 GCKCastOptions에 제공된 속성을 기반으로 GCKDiscoveryManager를 시작하여 기기 검색을 시작합니다.
  • 사용자가 전송 버튼을 클릭하면 프레임워크는 검색된 Cast 기기 목록을 Cast 대화상자에 표시합니다.
  • 사용자가 Cast 기기를 선택하면 프레임워크는 Cast 기기에서 웹 수신기 앱을 실행하려고 시도합니다.
  • 프레임워크는 발신자 앱의 콜백을 호출하여 웹 수신기 앱이 실행되었는지 확인합니다.
  • 프레임워크는 발신자와 웹 수신기 앱 간에 통신 채널을 만듭니다.
  • 프레임워크는 통신 채널을 사용하여 웹 수신기에서 미디어 재생을 로드하고 제어합니다.
  • 프레임워크는 발신자와 웹 수신자 간에 미디어 재생 상태를 동기화합니다. 사용자가 발신자 UI 작업을 실행할 때 프레임워크는 이러한 미디어 제어 요청을 Web Receiver로 전달하고, 웹 수신기는 미디어 상태 업데이트를 전송할 때 발신자 UI의 상태를 업데이트합니다.
  • 사용자가 전송 버튼을 클릭하여 Cast 기기의 연결을 해제하면 프레임워크는 웹 수신기에서 발신자 앱의 연결을 해제합니다.

발신자 문제를 해결하려면 로깅을 사용 설정해야 합니다.

Google Cast iOS 프레임워크의 모든 클래스, 메서드, 이벤트의 전체 목록은 Google Cast iOS API 참조를 확인하세요. 다음 섹션에서는 Cast를 iOS 앱에 통합하는 단계를 설명합니다.

기본 스레드에서 호출 메서드

Cast 컨텍스트 초기화

Cast 프레임워크에는 프레임워크의 모든 활동을 조정하는 전역 싱글톤 객체인 GCKCastContext가 있습니다. 이 객체는 애플리케이션의 수명 주기 초기에(일반적으로 앱 대리자의 -[application:didFinishLaunchingWithOptions:] 메서드에서) 발신자 앱을 다시 시작할 때 자동 세션 재개가 제대로 트리거될 수 있도록 해야 합니다.

GCKCastContext를 초기화할 때 GCKCastOptions 객체를 제공해야 합니다. 이 클래스에는 프레임워크 동작에 영향을 미치는 옵션이 포함되어 있습니다. 그중에서 가장 중요한 것은 웹 수신기 애플리케이션 ID입니다. 이 ID는 검색 결과를 필터링하고 전송 세션이 시작될 때 웹 수신기 앱을 실행하는 데 사용됩니다.

-[application:didFinishLaunchingWithOptions:] 메서드는 프레임워크에서 로깅 메시지를 수신하도록 로깅 대리자를 설정하기에도 좋은 위치입니다. 디버깅 및 문제 해결에 유용할 수 있습니다.

Swift
@UIApplicationMain
class AppDelegate: UIResponder, UIApplicationDelegate, GCKLoggerDelegate {
  let kReceiverAppID = kGCKDefaultMediaReceiverApplicationID
  let kDebugLoggingEnabled = true

  var window: UIWindow?

  func applicationDidFinishLaunching(_ application: UIApplication) {
    let criteria = GCKDiscoveryCriteria(applicationID: kReceiverAppID)
    let options = GCKCastOptions(discoveryCriteria: criteria)
    GCKCastContext.setSharedInstanceWith(options)

    // Enable logger.
    GCKLogger.sharedInstance().delegate = self

    ...
  }

  // MARK: - GCKLoggerDelegate

  func logMessage(_ message: String,
                  at level: GCKLoggerLevel,
                  fromFunction function: String,
                  location: String) {
    if (kDebugLoggingEnabled) {
      print(function + " - " + message)
    }
  }
}
목표-C

AppDelegate.h

@interface AppDelegate () <GCKLoggerDelegate>
@end

AppDelegate.m

@implementation AppDelegate

static NSString *const kReceiverAppID = @"AABBCCDD";
static const BOOL kDebugLoggingEnabled = YES;

- (BOOL)application:(UIApplication *)application
didFinishLaunchingWithOptions:(NSDictionary *)launchOptions {
  GCKDiscoveryCriteria *criteria = [[GCKDiscoveryCriteria alloc]
                                    initWithApplicationID:kReceiverAppID];
  GCKCastOptions *options = [[GCKCastOptions alloc] initWithDiscoveryCriteria:criteria];
  [GCKCastContext setSharedInstanceWithOptions:options];

  // Enable logger.
  [GCKLogger sharedInstance].delegate = self;

  ...

  return YES;
}

...

#pragma mark - GCKLoggerDelegate

- (void)logMessage:(NSString *)message
           atLevel:(GCKLoggerLevel)level
      fromFunction:(NSString *)function
          location:(NSString *)location {
  if (kDebugLoggingEnabled) {
    NSLog(@"%@ - %@, %@", function, message, location);
  }
}

@end

Cast UX 위젯

Cast iOS SDK는 Cast 디자인 체크리스트를 준수하는 다음 위젯을 제공합니다.

  • 소개 오버레이: GCKCastContext 클래스에는 웹 수신기를 처음 사용할 수 있을 때 전송 버튼을 집중 조명하는 데 사용할 수 있는 presentCastInstructionsViewControllerOnceWithCastButton 메서드가 있습니다. 발신자 앱은 제목 텍스트의 위치, 위치, 닫기 버튼을 맞춤설정할 수 있습니다.

  • 전송 버튼: 전송 iOS 발신자 SDK 4.6.0부터 전송 기기가 Wi-Fi에 연결되면 항상 전송 버튼이 표시됩니다. 사용자가 처음 앱을 시작한 후 전송 버튼을 처음 탭하면 권한 대화상자가 표시되어 사용자가 네트워크의 기기에 앱 로컬 네트워크 액세스 권한을 부여할 수 있습니다. 이후에 사용자가 전송 버튼을 탭하면 검색된 기기가 나열된 전송 대화상자가 표시됩니다. 기기가 연결된 상태에서 사용자가 전송 버튼을 탭하면 제목, 녹음 스튜디오의 이름, 썸네일 이미지 등 현재 미디어 메타데이터가 표시되거나 사용자가 Cast 기기에서 연결 해제될 수 있습니다. 사용할 수 있는 기기가 없는 상태에서 사용자가 전송 버튼을 탭하면 화면이 표시되지 않는 이유와 문제 해결 방법에 관한 정보가 사용자에게 표시됩니다.

  • 미니 컨트롤러: 사용자가 콘텐츠를 전송하고 전송 중인 앱의 다른 페이지 또는 확장된 컨트롤러에서 벗어나면 미니 컨트롤러가 화면 하단에 표시되어 사용자가 현재 전송 중인 미디어 메타데이터를 보고 재생을 제어할 수 있습니다.

  • 확장 컨트롤러: 사용자가 콘텐츠를 전송할 때 미디어 알림이나 미니 컨트롤러를 클릭하면 확장된 컨트롤러가 실행되어 현재 재생 중인 미디어 메타데이터를 표시하고 미디어 재생을 제어하는 여러 버튼을 제공합니다.

전송 버튼 추가

프레임워크는 전송 버튼 구성요소를 UIButton 서브클래스로 제공합니다. UIBarButtonItem에 래핑하여 앱의 제목 표시줄에 추가할 수 있습니다. 일반적인 UIViewController 서브클래스는 다음과 같이 Cast 버튼을 설치할 수 있습니다.

Swift
let castButton = GCKUICastButton(frame: CGRect(x: 0, y: 0, width: 24, height: 24))
castButton.tintColor = UIColor.gray
navigationItem.rightBarButtonItem = UIBarButtonItem(customView: castButton)
목표-C
GCKUICastButton *castButton = [[GCKUICastButton alloc] initWithFrame:CGRectMake(0, 0, 24, 24)];
castButton.tintColor = [UIColor grayColor];
self.navigationItem.rightBarButtonItem = [[UIBarButtonItem alloc] initWithCustomView:castButton];

기본적으로 버튼을 탭하면 프레임워크에서 제공하는 전송 대화상자가 열립니다.

GCKUICastButton를 스토리보드에 직접 추가할 수도 있습니다.

기기 검색 구성

프레임워크에서 기기 검색은 자동으로 이루어집니다. 맞춤 UI를 구현하지 않는 한 명시적으로 검색 프로세스를 시작하거나 중지할 필요가 없습니다.

프레임워크의 검색은 GCKCastContext의 속성인 GCKDiscoveryManager 클래스에서 관리됩니다. 프레임워크는 기기 선택 및 제어를 위한 기본 Cast 대화상자 구성요소를 제공합니다. 기기 목록은 기기 친화적인 이름에 따라 사전순으로 정렬됩니다.

세션 관리 작동 방식

Cast SDK는 Cast 세션의 개념을 도입합니다. Cast 세션의 개념은 기기에 연결하고, 웹 수신기 앱을 실행 (또는 참여)하고, 앱에 연결하고, 미디어 제어 채널을 초기화하는 단계를 결합하는 것입니다. Cast 세션 및 웹 수신기 수명 주기에 관한 자세한 내용은 웹 수신기 애플리케이션 수명 주기 가이드를 참고하세요.

세션은 GCKCastContext의 속성인 GCKSessionManager 클래스에서 관리합니다. 개별 세션은 GCKSession 클래스의 서브클래스로 표현됩니다. 예를 들어 GCKCastSession는 Cast 기기의 세션을 나타냅니다. 현재 활성 Cast 세션 (있는 경우)에 GCKSessionManager의 currentCastSession 속성으로 액세스할 수 있습니다.

GCKSessionManagerListener 인터페이스를 사용하여 세션 생성, 정지, 재개, 종료와 같은 세션 이벤트를 모니터링할 수 있습니다. 프레임워크는 발신자 앱이 백그라운드로 전환될 때 세션을 자동으로 정지하고 앱이 포그라운드로 돌아올 때 (또는 세션이 활성화된 동안 비정상/갑작스러운 앱 종료 후 다시 시작) 세션을 재개하려고 시도합니다.

전송 대화상자를 사용 중인 경우 세션이 사용자 동작에 응답하여 자동으로 생성되고 해제됩니다. 그렇지 않으면 앱이 GCKSessionManager의 메서드를 통해 명시적으로 세션을 시작하고 종료할 수 있습니다.

앱이 세션 수명 주기 이벤트에 대한 응답으로 특별한 처리를 해야 하는 경우 GCKSessionManager에 하나 이상의 GCKSessionManagerListener 인스턴스를 등록할 수 있습니다. GCKSessionManagerListener는 세션 시작, 세션 종료 등의 이벤트에 콜백을 정의합니다.

스트림 이전

세션 상태는 스트림 전송의 기초로, 사용자는 음성 명령, Google Home 앱 또는 스마트 디스플레이를 사용하여 기기 간에 기존 오디오 및 동영상 스트림을 이동할 수 있습니다. 미디어가 한 기기 (소스)에서 재생을 중지하고 다른 기기 (대상)에서 계속 재생됩니다. 최신 펌웨어가 있는 모든 Cast 기기는 스트림 전송에서 소스 또는 대상으로 사용할 수 있습니다.

스트림 전송 중에 새 대상 기기를 가져오려면 [sessionManager:didResumeCastSession:] 콜백 중에 GCKCastSession#device 속성을 사용합니다.

자세한 내용은 웹 수신기에서 스트림 전송을 참고하세요.

자동 재연결

Cast 프레임워크는 재연결 로직을 추가하여 다음과 같은 미묘한 많은 경우의 재연결을 자동으로 처리합니다.

  • Wi-Fi의 일시적인 손실 복구
  • 기기 절전 모드에서 복구
  • 앱 백그라운드에서 복구
  • 앱이 비정상 종료된 경우 복구

미디어 컨트롤 작동 방식

미디어 네임스페이스를 지원하는 웹 수신기 앱을 사용하여 Cast 세션이 설정되면 프레임워크에서 GCKRemoteMediaClient 인스턴스가 자동으로 생성됩니다. 인스턴스는 GCKCastSession 인스턴스의 remoteMediaClient 속성으로 액세스할 수 있습니다.

웹 수신기에 요청을 실행하는 GCKRemoteMediaClient의 모든 메서드는 요청을 추적하는 데 사용할 수 있는 GCKRequest 객체를 반환합니다. 이 객체에 GCKRequestDelegate를 할당하여 작업의 최종 결과에 대한 알림을 받을 수 있습니다.

GCKRemoteMediaClient의 인스턴스는 앱의 여러 부분에서 공유될 수 있으며 실제로 전송 대화상자 및 미니 미디어 컨트롤과 같은 프레임워크의 일부 내부 구성요소가 인스턴스를 공유합니다. 이를 위해 GCKRemoteMediaClient는 여러 GCKRemoteMediaClientListener의 등록을 지원합니다.

미디어 메타데이터 설정

GCKMediaMetadata 클래스는 전송할 미디어 항목에 관한 정보를 나타냅니다. 다음 예에서는 영화의 새 GCKMediaMetadata 인스턴스를 만들고 제목, 부제, 녹음 스튜디오 이름, 이미지 2개를 설정합니다.

Swift
let metadata = GCKMediaMetadata()
metadata.setString("Big Buck Bunny (2008)", forKey: kGCKMetadataKeyTitle)
metadata.setString("Big Buck Bunny tells the story of a giant rabbit with a heart bigger than " +
  "himself. When one sunny day three rodents rudely harass him, something " +
  "snaps... and the rabbit ain't no bunny anymore! In the typical cartoon " +
  "tradition he prepares the nasty rodents a comical revenge.",
                   forKey: kGCKMetadataKeySubtitle)
metadata.addImage(GCKImage(url: URL(string: "https://commondatastorage.googleapis.com/gtv-videos-bucket/sample/images/BigBuckBunny.jpg")!,
                           width: 480,
                           height: 360))
목표-C
GCKMediaMetadata *metadata = [[GCKMediaMetadata alloc]
                                initWithMetadataType:GCKMediaMetadataTypeMovie];
[metadata setString:@"Big Buck Bunny (2008)" forKey:kGCKMetadataKeyTitle];
[metadata setString:@"Big Buck Bunny tells the story of a giant rabbit with a heart bigger than "
 "himself. When one sunny day three rodents rudely harass him, something "
 "snaps... and the rabbit ain't no bunny anymore! In the typical cartoon "
 "tradition he prepares the nasty rodents a comical revenge."
             forKey:kGCKMetadataKeySubtitle];
[metadata addImage:[[GCKImage alloc]
                    initWithURL:[[NSURL alloc] initWithString:@"https://commondatastorage.googleapis.com/"
                                 "gtv-videos-bucket/sample/images/BigBuckBunny.jpg"]
                    width:480
                    height:360]];

미디어 메타데이터와 함께 이미지를 사용하는 방법은 이미지 선택 및 캐싱 섹션을 참고하세요.

미디어 로드

미디어 항목을 로드하려면 미디어의 메타데이터를 사용하여 GCKMediaInformation 인스턴스를 만듭니다. 그런 다음 현재 GCKCastSession를 가져오고 GCKRemoteMediaClient를 사용하여 수신기 앱에 미디어를 로드합니다. 그런 다음 GCKRemoteMediaClient를 사용하여 수신기에서 실행되는 미디어 플레이어 앱(예: 재생, 일시중지, 중지)을 제어할 수 있습니다.

Swift
let url = URL.init(string: "https://commondatastorage.googleapis.com/gtv-videos-bucket/sample/BigBuckBunny.mp4")
guard let mediaURL = url else {
  print("invalid mediaURL")
  return
}

let mediaInfoBuilder = GCKMediaInformationBuilder.init(contentURL: mediaURL)
mediaInfoBuilder.streamType = GCKMediaStreamType.none;
mediaInfoBuilder.contentType = "video/mp4"
mediaInfoBuilder.metadata = metadata;
mediaInformation = mediaInfoBuilder.build()

guard let mediaInfo = mediaInformation else {
  print("invalid mediaInformation")
  return
}

if let request = sessionManager.currentSession?.remoteMediaClient?.loadMedia(mediaInfo) {
  request.delegate = self
}
목표-C
GCKMediaInformationBuilder *mediaInfoBuilder =
  [[GCKMediaInformationBuilder alloc] initWithContentURL:
   [NSURL URLWithString:@"https://commondatastorage.googleapis.com/gtv-videos-bucket/sample/BigBuckBunny.mp4"]];
mediaInfoBuilder.streamType = GCKMediaStreamTypeNone;
mediaInfoBuilder.contentType = @"video/mp4";
mediaInfoBuilder.metadata = metadata;
self.mediaInformation = [mediaInfoBuilder build];

GCKRequest *request = [self.sessionManager.currentSession.remoteMediaClient loadMedia:self.mediaInformation];
if (request != nil) {
  request.delegate = self;
}

미디어 트랙 사용 섹션도 참고하세요.

4K 동영상 형식

미디어의 동영상 형식을 확인하려면 GCKMediaStatus의 videoInfo 속성을 사용하여 GCKVideoInfo의 현재 인스턴스를 가져옵니다. 이 인스턴스에는 HDR TV 형식 유형과 높이 및 너비(픽셀)가 포함됩니다. 4K 형식의 변형은 hdrType 속성에 enum 값 GCKVideoInfoHDRType로 표시됩니다.

미니 컨트롤러 추가

Cast 디자인 체크리스트에 따라 발신자 앱은 미니 컨트롤러라고 하는 지속적인 제어를 제공해야 합니다. 이 컨트롤러는 사용자가 현재 콘텐츠 페이지에서 다른 곳으로 이동할 때 표시되어야 합니다. 미니 컨트롤러는 즉각적인 액세스와 현재 전송 세션에 대한 알림을 제공합니다.

Cast 프레임워크는 미니 컨트롤러를 표시할 장면에 추가할 수 있는 컨트롤 바 GCKUIMiniMediaControlsViewController를 제공합니다.

발신기 앱에서 동영상 또는 오디오 실시간 스트림을 재생할 때 SDK가 미니 컨트롤러의 재생/일시중지 버튼 대신 자동으로 재생/중지 버튼을 표시합니다.

발신자 앱이 Cast 위젯의 모양을 구성하는 방법은 iOS Sender UI 맞춤설정을 참조하세요.

발신자 앱에 미니 컨트롤러를 추가하는 방법에는 두 가지가 있습니다.

  • 기존 뷰 컨트롤러를 자체 뷰 컨트롤러로 래핑하여 Cast 프레임워크가 미니 컨트롤러의 레이아웃을 관리하도록 합니다.
  • 스토리보드에 하위 뷰를 제공하여 기존 뷰 컨트롤러에 추가하여 미니 컨트롤러 위젯의 레이아웃을 직접 관리합니다.

GCKUICastContainerViewController를 사용하여 래핑

첫 번째 방법은 다른 뷰 컨트롤러를 래핑하고 하단에 GCKUIMiniMediaControlsViewController를 추가하는 GCKUICastContainerViewController를 사용하는 것입니다. 이 접근 방식은 애니메이션을 맞춤설정할 수 없고 컨테이너 뷰 컨트롤러의 동작을 구성할 수 없다는 점에서 제한됩니다.

이 첫 번째 방법은 일반적으로 앱 대리자의 -[application:didFinishLaunchingWithOptions:] 메서드에서 실행됩니다.

Swift
func applicationDidFinishLaunching(_ application: UIApplication) {
  ...

  // Wrap main view in the GCKUICastContainerViewController and display the mini controller.
  let appStoryboard = UIStoryboard(name: "Main", bundle: nil)
  let navigationController = appStoryboard.instantiateViewController(withIdentifier: "MainNavigation")
  let castContainerVC =
          GCKCastContext.sharedInstance().createCastContainerController(for: navigationController)
  castContainerVC.miniMediaControlsItemEnabled = true
  window = UIWindow(frame: UIScreen.main.bounds)
  window!.rootViewController = castContainerVC
  window!.makeKeyAndVisible()

  ...
}
목표-C
- (BOOL)application:(UIApplication *)application
        didFinishLaunchingWithOptions:(NSDictionary *)launchOptions {
  ...

  // Wrap main view in the GCKUICastContainerViewController and display the mini controller.
  UIStoryboard *appStoryboard = [UIStoryboard storyboardWithName:@"Main" bundle:nil];
  UINavigationController *navigationController =
          [appStoryboard instantiateViewControllerWithIdentifier:@"MainNavigation"];
  GCKUICastContainerViewController *castContainerVC =
          [[GCKCastContext sharedInstance] createCastContainerControllerForViewController:navigationController];
  castContainerVC.miniMediaControlsItemEnabled = YES;
  self.window = [[UIWindow alloc] initWithFrame:UIScreen.mainScreen.bounds];
  self.window.rootViewController = castContainerVC;
  [self.window makeKeyAndVisible];
  ...

}
Swift
var castControlBarsEnabled: Bool {
  set(enabled) {
    if let castContainerVC = self.window?.rootViewController as? GCKUICastContainerViewController {
      castContainerVC.miniMediaControlsItemEnabled = enabled
    } else {
      print("GCKUICastContainerViewController is not correctly configured")
    }
  }
  get {
    if let castContainerVC = self.window?.rootViewController as? GCKUICastContainerViewController {
      return castContainerVC.miniMediaControlsItemEnabled
    } else {
      print("GCKUICastContainerViewController is not correctly configured")
      return false
    }
  }
}
목표-C

AppDelegate.h

@interface AppDelegate : UIResponder <UIApplicationDelegate>

@property (nonatomic, strong) UIWindow *window;
@property (nonatomic, assign) BOOL castControlBarsEnabled;

@end

AppDelegate.m

@implementation AppDelegate

...

- (void)setCastControlBarsEnabled:(BOOL)notificationsEnabled {
  GCKUICastContainerViewController *castContainerVC;
  castContainerVC =
      (GCKUICastContainerViewController *)self.window.rootViewController;
  castContainerVC.miniMediaControlsItemEnabled = notificationsEnabled;
}

- (BOOL)castControlBarsEnabled {
  GCKUICastContainerViewController *castContainerVC;
  castContainerVC =
      (GCKUICastContainerViewController *)self.window.rootViewController;
  return castContainerVC.miniMediaControlsItemEnabled;
}

...

@end

기존 뷰 컨트롤러에 삽입

두 번째 방법은 createMiniMediaControlsViewController를 사용하여 GCKUIMiniMediaControlsViewController 인스턴스를 만든 다음 컨테이너 뷰 컨트롤러에 하위 뷰로 추가하여 미니 뷰 컨트롤러를 기존 뷰 컨트롤러에 직접 추가하는 것입니다.

앱 대리자에서 뷰 컨트롤러를 설정합니다.

Swift
func application(_ application: UIApplication,
                 didFinishLaunchingWithOptions launchOptions: [UIApplicationLaunchOptionsKey: Any]?) -> Bool {
  ...

  GCKCastContext.sharedInstance().useDefaultExpandedMediaControls = true
  window?.clipsToBounds = true

  let rootContainerVC = (window?.rootViewController as? RootContainerViewController)
  rootContainerVC?.miniMediaControlsViewEnabled = true

  ...

  return true
}
목표-C
- (BOOL)application:(UIApplication *)application
    didFinishLaunchingWithOptions:(NSDictionary *)launchOptions {
  ...

  [GCKCastContext sharedInstance].useDefaultExpandedMediaControls = YES;

  self.window.clipsToBounds = YES;

  RootContainerViewController *rootContainerVC;
  rootContainerVC =
      (RootContainerViewController *)self.window.rootViewController;
  rootContainerVC.miniMediaControlsViewEnabled = YES;

  ...

  return YES;
}

루트 뷰 컨트롤러에서 GCKUIMiniMediaControlsViewController 인스턴스를 만들고 이를 컨테이너 뷰 컨트롤러에 하위 뷰로 추가합니다.

Swift
let kCastControlBarsAnimationDuration: TimeInterval = 0.20

@objc(RootContainerViewController)
class RootContainerViewController: UIViewController, GCKUIMiniMediaControlsViewControllerDelegate {
  @IBOutlet weak private var _miniMediaControlsContainerView: UIView!
  @IBOutlet weak private var _miniMediaControlsHeightConstraint: NSLayoutConstraint!
  private var miniMediaControlsViewController: GCKUIMiniMediaControlsViewController!
  var miniMediaControlsViewEnabled = false {
    didSet {
      if self.isViewLoaded {
        self.updateControlBarsVisibility()
      }
    }
  }

  var overriddenNavigationController: UINavigationController?

  override var navigationController: UINavigationController? {

    get {
      return overriddenNavigationController
    }

    set {
      overriddenNavigationController = newValue
    }
  }
  var miniMediaControlsItemEnabled = false

  override func viewDidLoad() {
    super.viewDidLoad()
    let castContext = GCKCastContext.sharedInstance()
    self.miniMediaControlsViewController = castContext.createMiniMediaControlsViewController()
    self.miniMediaControlsViewController.delegate = self
    self.updateControlBarsVisibility()
    self.installViewController(self.miniMediaControlsViewController,
                               inContainerView: self._miniMediaControlsContainerView)
  }

  func updateControlBarsVisibility() {
    if self.miniMediaControlsViewEnabled && self.miniMediaControlsViewController.active {
      self._miniMediaControlsHeightConstraint.constant = self.miniMediaControlsViewController.minHeight
      self.view.bringSubview(toFront: self._miniMediaControlsContainerView)
    } else {
      self._miniMediaControlsHeightConstraint.constant = 0
    }
    UIView.animate(withDuration: kCastControlBarsAnimationDuration, animations: {() -> Void in
      self.view.layoutIfNeeded()
    })
    self.view.setNeedsLayout()
  }

  func installViewController(_ viewController: UIViewController?, inContainerView containerView: UIView) {
    if let viewController = viewController {
      self.addChildViewController(viewController)
      viewController.view.frame = containerView.bounds
      containerView.addSubview(viewController.view)
      viewController.didMove(toParentViewController: self)
    }
  }

  func uninstallViewController(_ viewController: UIViewController) {
    viewController.willMove(toParentViewController: nil)
    viewController.view.removeFromSuperview()
    viewController.removeFromParentViewController()
  }

  override func prepare(for segue: UIStoryboardSegue, sender: Any?) {
    if segue.identifier == "NavigationVCEmbedSegue" {
      self.navigationController = (segue.destination as? UINavigationController)
    }
  }

...
목표-C

RootContainerViewController.h

static const NSTimeInterval kCastControlBarsAnimationDuration = 0.20;

@interface RootContainerViewController () <GCKUIMiniMediaControlsViewControllerDelegate> {
  __weak IBOutlet UIView *_miniMediaControlsContainerView;
  __weak IBOutlet NSLayoutConstraint *_miniMediaControlsHeightConstraint;
  GCKUIMiniMediaControlsViewController *_miniMediaControlsViewController;
}

@property(nonatomic, weak, readwrite) UINavigationController *navigationController;

@property(nonatomic, assign, readwrite) BOOL miniMediaControlsViewEnabled;
@property(nonatomic, assign, readwrite) BOOL miniMediaControlsItemEnabled;

@end

RootContainerViewController.m

@implementation RootContainerViewController

- (void)viewDidLoad {
  [super viewDidLoad];
  GCKCastContext *castContext = [GCKCastContext sharedInstance];
  _miniMediaControlsViewController =
      [castContext createMiniMediaControlsViewController];
  _miniMediaControlsViewController.delegate = self;

  [self updateControlBarsVisibility];
  [self installViewController:_miniMediaControlsViewController
              inContainerView:_miniMediaControlsContainerView];
}

- (void)setMiniMediaControlsViewEnabled:(BOOL)miniMediaControlsViewEnabled {
  _miniMediaControlsViewEnabled = miniMediaControlsViewEnabled;
  if (self.isViewLoaded) {
    [self updateControlBarsVisibility];
  }
}

- (void)updateControlBarsVisibility {
  if (self.miniMediaControlsViewEnabled &&
      _miniMediaControlsViewController.active) {
    _miniMediaControlsHeightConstraint.constant =
        _miniMediaControlsViewController.minHeight;
    [self.view bringSubviewToFront:_miniMediaControlsContainerView];
  } else {
    _miniMediaControlsHeightConstraint.constant = 0;
  }
  [UIView animateWithDuration:kCastControlBarsAnimationDuration
                   animations:^{
                     [self.view layoutIfNeeded];
                   }];
  [self.view setNeedsLayout];
}

- (void)installViewController:(UIViewController *)viewController
              inContainerView:(UIView *)containerView {
  if (viewController) {
    [self addChildViewController:viewController];
    viewController.view.frame = containerView.bounds;
    [containerView addSubview:viewController.view];
    [viewController didMoveToParentViewController:self];
  }
}

- (void)uninstallViewController:(UIViewController *)viewController {
  [viewController willMoveToParentViewController:nil];
  [viewController.view removeFromSuperview];
  [viewController removeFromParentViewController];
}

- (void)prepareForSegue:(UIStoryboardSegue *)segue sender:(id)sender {
  if ([segue.identifier isEqualToString:@"NavigationVCEmbedSegue"]) {
    self.navigationController =
        (UINavigationController *)segue.destinationViewController;
  }
}

...

@end

미니 컨트롤러가 표시되어야 하는 경우 GCKUIMiniMediaControlsViewControllerDelegate는 호스트 뷰 컨트롤러에 알려줍니다.

Swift
  func miniMediaControlsViewController(_: GCKUIMiniMediaControlsViewController,
                                       shouldAppear _: Bool) {
    updateControlBarsVisibility()
  }
RootContainerViewController.swift
목표-C
- (void)miniMediaControlsViewController:
            (GCKUIMiniMediaControlsViewController *)miniMediaControlsViewController
                           shouldAppear:(BOOL)shouldAppear {
  [self updateControlBarsVisibility];
}
RootContainerViewController.m

확장 컨트롤러 추가

Google Cast 디자인 체크리스트에 따르면 발신기 앱은 전송 중인 미디어를 위한 확장 컨트롤러를 제공해야 합니다. 확장된 컨트롤러는 미니 컨트롤러의 전체 화면 버전입니다.

확장된 컨트롤러는 원격 미디어 재생을 완전히 제어할 수 있는 전체 화면 뷰입니다. 이 뷰를 사용하면 전송 앱이 관리 세션의 모든 관리 가능한 측면을 관리할 수 있습니다. 단, 웹 수신기 볼륨 제어 및 세션 수명 주기 (전송 연결/중지)는 예외입니다. 또한 미디어 세션에 관한 모든 상태 정보 (아트워크, 제목, 자막 등)도 제공합니다.

이 뷰의 기능은 GCKUIExpandedMediaControlsViewController 클래스로 구현됩니다.

가장 먼저 해야 할 일은 Cast 컨텍스트에서 기본 확장 컨트롤러를 사용 설정하는 것입니다. 기본 확장 컨트롤러를 사용 설정하도록 앱 대리자를 수정합니다.

Swift
func applicationDidFinishLaunching(_ application: UIApplication) {
  ..

  GCKCastContext.sharedInstance().useDefaultExpandedMediaControls = true

  ...
}
목표-C
- (BOOL)application:(UIApplication *)application
didFinishLaunchingWithOptions:(NSDictionary *)launchOptions {
  ...

  [GCKCastContext sharedInstance].useDefaultExpandedMediaControls = YES;

  ..
}

사용자가 동영상 전송을 시작할 때 확장된 컨트롤러를 로드하도록 뷰 컨트롤러에 다음 코드를 추가합니다.

Swift
func playSelectedItemRemotely() {
  GCKCastContext.sharedInstance().presentDefaultExpandedMediaControls()

  ...

  // Load your media
  sessionManager.currentSession?.remoteMediaClient?.loadMedia(mediaInformation)
}
목표-C
- (void)playSelectedItemRemotely {
  [[GCKCastContext sharedInstance] presentDefaultExpandedMediaControls];

  ...

  // Load your media
  [self.sessionManager.currentSession.remoteMediaClient loadMedia:mediaInformation];
}

또한 사용자가 미니 컨트롤러를 탭하면 확장된 컨트롤러가 자동으로 실행됩니다.

발신기 앱에서 동영상 또는 오디오 실시간 스트림을 재생하는 경우 SDK가 확장 컨트롤러의 재생/일시중지 버튼 대신 재생/중지 버튼을 자동으로 표시합니다.

발신자 앱이 Cast 위젯의 모양을 구성하는 방법은 iOS 앱에 맞춤 스타일 적용을 참고하세요.

볼륨 컨트롤

Cast 프레임워크는 발신기 앱의 볼륨을 자동으로 관리합니다. 프레임워크는 제공된 UI 위젯의 웹 수신기 볼륨과 자동으로 동기화됩니다. 앱에서 제공하는 슬라이더를 동기화하려면 GCKUIDeviceVolumeController을 사용합니다.

물리적 버튼 볼륨 제어

발신자 기기의 물리적 볼륨 버튼은 GCKCastContext에 설정된 GCKCastOptions의 physicalVolumeButtonsWillControlDeviceVolume 플래그를 사용하여 웹 수신기에서 전송 세션의 볼륨을 변경하는 데 사용할 수 있습니다.

Swift
let criteria = GCKDiscoveryCriteria(applicationID: kReceiverAppID)
let options = GCKCastOptions(discoveryCriteria: criteria)
options.physicalVolumeButtonsWillControlDeviceVolume = true
GCKCastContext.setSharedInstanceWith(options)
목표-C
GCKDiscoveryCriteria *criteria = [[GCKDiscoveryCriteria alloc]
                                          initWithApplicationID:kReceiverAppID];
GCKCastOptions *options = [[GCKCastOptions alloc]
                                          initWithDiscoveryCriteria :criteria];
options.physicalVolumeButtonsWillControlDeviceVolume = YES;
[GCKCastContext setSharedInstanceWithOptions:options];

오류 처리

발신자 앱은 모든 오류 콜백을 처리하고 Cast 수명 주기의 각 단계에 가장 적합한 응답을 결정하는 것이 매우 중요합니다. 앱에서 사용자에게 오류 대화상자를 표시하거나 Cast 세션을 종료할 수 있습니다.

로깅

GCKLogger는 프레임워크에서 로깅하는 데 사용되는 싱글톤입니다. GCKLoggerDelegate를 사용하여 로그 메시지를 처리하는 방법을 맞춤설정합니다.

SDK를 사용하면 로깅 출력이 디버그 메시지, 오류, 경고 형식으로 생성됩니다. GCKLogger 이러한 로그 메시지는 디버깅에 도움이 되며 문제를 해결하고 식별하는 데 유용합니다. 기본적으로 로그 출력은 표시되지 않지만 GCKLoggerDelegate를 할당하면 발신자 앱이 SDK에서 이러한 메시지를 수신하여 시스템 콘솔에 로깅할 수 있습니다.

Swift
@UIApplicationMain
class AppDelegate: UIResponder, UIApplicationDelegate, GCKLoggerDelegate {
  let kReceiverAppID = kGCKDefaultMediaReceiverApplicationID
  let kDebugLoggingEnabled = true

  var window: UIWindow?

  func applicationDidFinishLaunching(_ application: UIApplication) {
    ...

    // Enable logger.
    GCKLogger.sharedInstance().delegate = self

    ...
  }

  // MARK: - GCKLoggerDelegate

  func logMessage(_ message: String,
                  at level: GCKLoggerLevel,
                  fromFunction function: String,
                  location: String) {
    if (kDebugLoggingEnabled) {
      print(function + " - " + message)
    }
  }
}
목표-C

AppDelegate.h

@interface AppDelegate () <GCKLoggerDelegate>
@end

AppDelegate.m

@implementation AppDelegate

static NSString *const kReceiverAppID = @"AABBCCDD";
static const BOOL kDebugLoggingEnabled = YES;

- (BOOL)application:(UIApplication *)application
didFinishLaunchingWithOptions:(NSDictionary *)launchOptions {
  ...

  // Enable logger.
  [GCKLogger sharedInstance].delegate = self;

  ...

  return YES;
}

...

#pragma mark - GCKLoggerDelegate

- (void)logMessage:(NSString *)message
           atLevel:(GCKLoggerLevel)level
      fromFunction:(NSString *)function
          location:(NSString *)location {
  if (kDebugLoggingEnabled) {
    NSLog(@"%@ - %@, %@", function, message, location);
  }
}

@end

디버그 메시지 및 상세 메시지도 사용 설정하려면 위임을 설정한 후 코드에 다음 줄을 추가합니다 (이전에 표시됨).

Swift
let filter = GCKLoggerFilter.init()
filter.minimumLevel = GCKLoggerLevel.verbose
GCKLogger.sharedInstance().filter = filter
목표-C
GCKLoggerFilter *filter = [[GCKLoggerFilter alloc] init];
[filter setMinimumLevel:GCKLoggerLevelVerbose];
[GCKLogger sharedInstance].filter = filter;

GCKLogger에서 생성된 로그 메시지를 필터링할 수도 있습니다. 클래스당 최소 로깅 수준을 설정합니다. 예를 들면 다음과 같습니다.

Swift
let filter = GCKLoggerFilter.init()
filter.setLoggingLevel(GCKLoggerLevel.verbose, forClasses: ["GCKUICastButton",
                                                            "GCKUIImageCache",
                                                            "NSMutableDictionary"])
GCKLogger.sharedInstance().filter = filter
목표-C
GCKLoggerFilter *filter = [[GCKLoggerFilter alloc] init];
[filter setLoggingLevel:GCKLoggerLevelVerbose
             forClasses:@[@"GCKUICastButton",
                          @"GCKUIImageCache",
                          @"NSMutableDictionary"
                          ]];
[GCKLogger sharedInstance].filter = filter;

클래스 이름은 리터럴 이름 또는 glob 패턴일 수 있습니다(예: GCKUI\* 및 GCK\*Session).

이전
iOS 권한 및 검색
다음
UI 맞춤설정