Cómo integrar la transmisión en tu app para iOS

Organiza tus páginas con colecciones Guarda y categoriza el contenido según tus preferencias.

En esta guía para desarrolladores, se describe cómo agregar la compatibilidad de Google Cast a tu app de remitente de iOS con el SDK de remitente de iOS.

El dispositivo móvil o la laptop es el remitente que controla la reproducción y el dispositivo Google Cast es el receptor que muestra el contenido en la TV.

El marco de trabajo de remitente se refiere al objeto binario de la biblioteca de clases de Cast y a los recursos asociados presentes durante el tiempo de ejecución en el remitente. La app de remitente o la app de Cast hacen referencia a una app que también se ejecuta en el remitente. La app receptora web hace referencia a la aplicación HTML que se ejecuta en el receptor web.

El framework del remitente usa un diseño de devolución de llamada asíncrono para informar a la app emisora sobre los eventos y hacer la transición entre varios estados del ciclo de vida de la app de Cast.

Flujo de la app

En los siguientes pasos, se describe el flujo de ejecución típico de alto nivel de una app emisora de iOS:

  • El framework de Cast inicia GCKDiscoveryManager en función de las propiedades proporcionadas en GCKCastOptions para comenzar a buscar dispositivos.
  • Cuando el usuario hace clic en el botón para transmitir, el framework presenta el diálogo de transmisión con la lista de dispositivos de transmisión descubiertos.
  • Cuando el usuario selecciona un dispositivo de transmisión, el framework intenta iniciar la app de receptor web en el dispositivo de transmisión.
  • El framework invoca las devoluciones de llamada en la app emisora para confirmar que se inició la app receptora web.
  • El framework crea un canal de comunicación entre las apps emisoras y las receptores web.
  • El framework usa el canal de comunicación para cargar y controlar la reproducción de contenido multimedia en el receptor web.
  • El marco de trabajo sincroniza el estado de reproducción de medios entre el remitente y el receptor web: cuando el usuario realiza las acciones de la IU del remitente, el marco de trabajo pasa esas solicitudes de control de medios al receptor web y cuando el receptor web envía actualizaciones de estado del contenido multimedia, el marco de trabajo actualiza el estado de la IU del remitente.
  • Cuando el usuario haga clic en el botón para transmitir a fin de desconectarse del dispositivo de transmisión, el marco de trabajo desconectará la app emisora del receptor web.

Para solucionar los problemas de tu remitente, debes habilitar el registro.

Para obtener una lista completa de todas las clases, los métodos y eventos en el framework de Google Cast para iOS, consulta la referencia de la API de Google Cast para iOS. En las siguientes secciones, se describen los pasos para integrar Cast a tu app para iOS.

Métodos de llamada del subproceso principal

Inicializa el contexto de Cast

El framework de Cast tiene un objeto singleton global, el GCKCastContext, que coordina todas las actividades del framework. Este objeto debe inicializarse con anticipación en el ciclo de vida de la aplicación, por lo general, en el método -[application:didFinishLaunchingWithOptions:] del delegado de la app, de modo que la reanudación automática de sesión cuando se reinicie la app emisora se active de forma correcta.

Se debe proporcionar un objeto GCKCastOptions cuando se inicialice GCKCastContext. Esta clase contiene opciones que afectan el comportamiento del framework. El más importante es el ID de aplicación del receptor web, que se usa para filtrar los resultados de descubrimiento y para iniciar la app del receptor web cuando se inicia una sesión de transmisión.

El método -[application:didFinishLaunchingWithOptions:] también es un buen lugar para configurar un delegado de registro a fin de recibir los mensajes de registro del framework. Pueden ser útiles para depurar y solucionar problemas.

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)
    }
  }
}
Objective-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

Los widgets de UX de Cast

El SDK de Cast para iOS proporciona los siguientes widgets que cumplen con la lista de tareas de diseño de Cast:

  • Superposición introductoria: La clase GCKCastContext tiene un método, presentCastInstructionsViewControllerOnceWithCastButton, que se puede usar para destacar el botón para transmitir la primera vez que hay un receptor web disponible. La app emisora puede personalizar el texto, la posición del texto del título y el botón Descartar.

  • Botón para transmitir: A partir del SDK de envío de Cast para iOS 4.6.0, el botón para transmitir siempre está visible cuando el dispositivo emisor está conectado a Wi-Fi. La primera vez que el usuario presiona el botón para transmitir después de iniciar la app por primera vez, aparece un diálogo de permisos para que el usuario pueda otorgar a la app acceso a la red local a los dispositivos de la red. Luego, cuando el usuario presione el botón para transmitir, se mostrará un diálogo para transmitir, en el que se mostrarán los dispositivos detectados. Cuando el usuario presiona el botón para transmitir mientras el dispositivo está conectado, muestra los metadatos de contenido multimedia actuales (como el título, el nombre del estudio de grabación y una imagen en miniatura) o permite que el usuario se desconecte del dispositivo de transmisión. Cuando el usuario presione el botón para transmitir mientras no haya dispositivos disponibles, se mostrará una pantalla con información sobre por qué no se encontraron los dispositivos y cómo solucionarlo.

  • Control mínimo: Cuando el usuario está transmitiendo contenido y se fue de la página de contenido actual o se expandió a otra pantalla en la app emisora, el minicontrolador se muestra en la parte inferior de la pantalla para permitir que el usuario vea los metadatos de la transmisión en curso y controle la reproducción.

  • Control expandido: Cuando el usuario transmite contenido, si hace clic en la notificación multimedia o el minicontrolador, se inicia el control expandido, que muestra los metadatos de contenido multimedia en reproducción y proporciona varios botones para controlar la reproducción multimedia.

Agregar un botón para transmitir

El framework proporciona un componente de botón para transmitir como una subclase de UIButton. Se puede agregar a la barra de título de la app si la unes en un UIBarButtonItem. Una subclase UIViewController típica puede instalar un botón para transmitir de la siguiente manera:

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

De forma predeterminada, cuando presionas el botón, se abre el diálogo de Cast que proporciona el framework.

GCKUICastButton también se puede agregar directamente al guión gráfico.

Configura la detección de dispositivos

En el marco de trabajo, el descubrimiento de dispositivos ocurre automáticamente. No es necesario iniciar ni detener explícitamente el proceso de descubrimiento, a menos que implementes una IU personalizada.

La clase GCKDiscoveryManager administra la detección en el framework, que es una propiedad de GCKCastContext. El framework proporciona un componente de diálogo de transmisión predeterminado para la selección y el control del dispositivo. La lista de dispositivos se ordena de manera lexicográfica por nombre descriptivo para cada dispositivo.

Cómo funciona la administración de sesiones

El SDK de Cast presenta el concepto de una sesión de transmisión, cuyo establecimiento combina los pasos para conectarse a un dispositivo, iniciar (o unirse) a una app de receptor web, conectarse a esa app e inicializar un canal de control de contenido multimedia. Consulta la Guía del ciclo de vida de la aplicación del receptor web para obtener más información sobre las sesiones de transmisión y el ciclo de vida del receptor web.

La sesión GCKSessionManager administra la sesión, que es una propiedad de GCKCastContext. Las sesiones individuales se representan con subclases de la clase GCKSession. Por ejemplo, GCKCastSession representa sesiones con dispositivos de transmisión. Puedes acceder a la sesión de transmisión actualmente activa (si existe), como la propiedad currentCastSession de GCKSessionManager.

La interfaz GCKSessionManagerListener se puede usar para supervisar eventos de sesión, como la creación, suspensión, reanudación y finalización de sesiones. El framework suspende automáticamente las sesiones cuando la app emisora pasa a segundo plano y trata de reanudarlas cuando la app regresa al primer plano (o se reinicia después de una finalización de app anormal o abrupta mientras una sesión estaba activa).

Si se usa el diálogo de transmisión, las sesiones se crean y se eliminan automáticamente en respuesta a los gestos del usuario. De lo contrario, la app puede iniciar y finalizar sesiones de forma explícita mediante métodos en GCKSessionManager.

Si la app necesita realizar un procesamiento especial en respuesta a eventos del ciclo de vida de la sesión, puede registrar una o más instancias de GCKSessionManagerListener con GCKSessionManager. GCKSessionManagerListener es un protocolo que define devoluciones de llamada para eventos como inicio de sesión, finalización de sesión, etcétera.

Transferencia de transmisión

Preservar el estado de la sesión es la base de la transferencia de transmisión, mediante la cual los usuarios pueden mover transmisiones de audio y video existentes a través de dispositivos mediante comandos por voz, la app de Google Home o pantallas inteligentes. El contenido multimedia deja de reproducirse en un dispositivo (la fuente) y continúa en otro (el destino). Cualquier dispositivo de transmisión con el firmware más reciente puede servir como fuentes o destinos en una transferencia de transmisión.

Para obtener el nuevo dispositivo de destino durante la transferencia de transmisión, usa la propiedad GCKCastSession#device durante la devolución de llamada [sessionManager:didResumeCastSession:].

Consulta Transferencia de transmisión en el receptor web para obtener más información.

Reconexión automática

El framework de Cast agrega la lógica de reconexión para controlar automáticamente la reconexión en muchos casos sutiles de la esquina, como los siguientes:

  • Cómo recuperarte de una pérdida temporal de Wi-Fi
  • Recuperar dispositivo suspendido
  • Recuperación de apps en segundo plano
  • Cómo recuperar si la app falló

Cómo funciona el control de contenido multimedia

Si se establece una sesión de Cast con una app receptora web que admite el espacio de nombres multimedia, se creará una instancia de GCKRemoteMediaClient de forma automática por el framework; se podrá acceder a ella como la propiedad remoteMediaClient de la instancia GCKCastSession.

Todos los métodos en GCKRemoteMediaClient que emiten solicitudes al receptor web mostrarán un objeto GCKRequest que se puede usar para realizar un seguimiento de esa solicitud. Se puede asignar un GCKRequestDelegate a este objeto para recibir notificaciones sobre el resultado final de la operación.

Se espera que varias instancias de la app compartan la instancia de GCKRemoteMediaClient. Además, de hecho, algunos componentes internos del framework, como el diálogo de Cast y los controles de contenido multimedia pequeños, comparten la instancia. Con ese fin, GCKRemoteMediaClient admite el registro de varios GCKRemoteMediaClientListener.

Establecer metadatos de medios

La clase GCKMediaMetadata representa información sobre un elemento multimedia que deseas transmitir. En el siguiente ejemplo, se crea una nueva instancia GCKMediaMetadata de una película y se establecen el título, el subtítulo, el nombre del estudio de grabación y dos imágenes.

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))
Objective-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]];

Consulta la sección Selección y almacenamiento en caché de imágenes sobre el uso de imágenes con metadatos multimedia.

Cargar medios

Para cargar un elemento multimedia, crea una instancia de GCKMediaInformation con los metadatos del contenido multimedia. Luego, obtén la GCKCastSession actual y usa su GCKRemoteMediaClient a fin de cargar el contenido multimedia en la app receptora. Luego, puedes usar GCKRemoteMediaClient para controlar una app de reproducción multimedia que se ejecuta en la app receptora, como reproducir, pausar y detener.

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
}
Objective-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;
}

Consulta también la sección sobre el uso de pistas multimedia.

Formato de video 4K

Para determinar el formato del video, usa la propiedad videoInfo de GCKMediaStatus a fin de obtener la instancia actual de GCKVideoInfo. Esta instancia contiene el tipo de formato de TV HDR y la altura y el ancho en píxeles. Las variantes de formato 4K se indican en la propiedad hdrType mediante valores de enumeración GCKVideoInfoHDRType.

Agregar minicontroladores

Según la lista de tareas de diseño de Cast, la app emisora debe proporcionar un control persistente conocido como el minicontrolador que debería aparecer cuando el usuario salga de la página de contenido actual. El minicontrolador proporciona acceso instantáneo y un recordatorio visible para la sesión de transmisión actual.

El framework de Cast proporciona una barra de control, GCKUIMiniMediaControlsViewController, que se puede agregar a las escenas en las que deseas mostrar el minicontrolador.

Cuando la app emisora reproduce una transmisión en vivo de audio o video, el SDK muestra automáticamente un botón de reproducción/pausa en lugar del botón de reproducción/pausa del minicontrolador.

Consulta Cómo personalizar la IU del remitente de iOS para ver cómo la app de remitente puede configurar la apariencia de los widgets de Cast.

Hay dos formas de agregar el minicontrolador a una app emisora:

  • Permite que el framework de Cast administre el diseño del minicontrolador si unes tu controlador de vista existente con su propio controlador de vista.
  • Administra el diseño del widget de minicontrolador tú mismo. Para ello, agrégalo a tu controlador de vista existente proporcionando una subvista en el bosquejo audiovisual.

Unir mediante GCKUICastContainerViewController

La primera es usar GCKUICastContainerViewController, que une otro controlador de vistas y agrega un GCKUIMiniMediaControlsViewController en la parte inferior. Este enfoque es limitado en el sentido de que no puedes personalizar la animación ni configurar el comportamiento del controlador de vista de contenedor.

Por lo general, esta primera forma se lleva a cabo en el método -[application:didFinishLaunchingWithOptions:] del delegado de la app:

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()

  ...
}
Objective-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
    }
  }
}
Objective-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

Incorporar en controlador de vista existente

La segunda forma es agregar el minicontrolador directamente al controlador de vista existente. Para ello, usa createMiniMediaControlsViewController a fin de crear una instancia GCKUIMiniMediaControlsViewController y, luego, agregarla al controlador de vista de contenedor como subvista.

Configura el controlador de vistas en el delegado de la app:

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
}
Objective-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;
}

En tu controlador de vista raíz, crea una instancia de GCKUIMiniMediaControlsViewController y agrégala al controlador de vista de contenedor como una subvista:

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)
    }
  }

...
Objective-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

El GCKUIMiniMediaControlsViewControllerDelegate le indica al controlador de vista del host cuándo debe ser visible el minicontrolador:

Swift
  func miniMediaControlsViewController(_: GCKUIMiniMediaControlsViewController,
                                       shouldAppear _: Bool) {
    updateControlBarsVisibility()
  }
Objective-C
- (void)miniMediaControlsViewController:
            (GCKUIMiniMediaControlsViewController *)miniMediaControlsViewController
                           shouldAppear:(BOOL)shouldAppear {
  [self updateControlBarsVisibility];
}

Agregar control expandido

La lista de tareas de diseño de Google Cast requiere que la app emisora proporcione un controlador expandido para el contenido multimedia que se está transmitiendo. El control expandido es una versión de pantalla completa del minicontrolador.

El control expandido es una vista de pantalla completa que ofrece un control total de la reproducción de contenido multimedia remoto. Esta vista debería permitir que una app de transmisión administre todos los aspectos administrables de una sesión de transmisión, a excepción del control de volumen del receptor web y el ciclo de vida de la sesión (conectar/detener transmisión). También proporciona toda la información de estado sobre la sesión multimedia (arte gráfico, títulos, subtítulos, etcétera).

La clase GCKUIExpandedMediaControlsViewController implementa la funcionalidad de esta vista.

Lo primero que debes hacer es habilitar el controlador expandido predeterminado en el contexto de transmisión. Modifica el delegado de la app para habilitar el controlador expandido predeterminado:

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

  GCKCastContext.sharedInstance().useDefaultExpandedMediaControls = true

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

  [GCKCastContext sharedInstance].useDefaultExpandedMediaControls = YES;

  ..
}

Agrega el siguiente código a tu controlador de vista para cargar el control expandido cuando el usuario comience a transmitir un video:

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

  ...

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

  ...

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

El control expandido también se iniciará automáticamente cuando el usuario presione el minicontrolador.

Cuando la app emisora reproduce una transmisión en vivo de audio o video, el SDK muestra automáticamente un botón de reproducción/pausa en lugar del botón de reproducción/pausa del control expandido.

Consulta cómo aplicar diseños personalizados a tu app para iOS a fin de ver cómo la app emisora puede configurar la apariencia de los widgets de Cast.

Control de volumen

El framework de Cast administra el volumen de la app emisora de forma automática. El framework se sincroniza automáticamente con el volumen del receptor web para los widgets de IU proporcionados. Para sincronizar un control deslizante proporcionado por la app, usa GCKUIDeviceVolumeController.

Control de volumen del botón físico

Los botones de volumen físicos del dispositivo emisor se pueden usar para cambiar el volumen de la sesión de transmisión en el receptor web con la marca physicalVolumeButtonsWillControlDeviceVolume en GCKCastOptions, que se establece en GCKCastContext.

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

Cómo solucionar errores

Es muy importante que las apps emisoras manejen todas las devoluciones de llamada de error y decidan la mejor respuesta para cada etapa del ciclo de vida de Cast. La app puede mostrar diálogos de error al usuario o puede decidir finalizar la sesión de transmisión.

Registros

GCKLogger es un singleton que el framework usa. Usa GCKLoggerDelegate para personalizar la forma en que manejas los mensajes de registro.

Mediante GCKLogger, el SDK produce resultados de registro en forma de mensajes de depuración, errores y advertencias. Estos mensajes de registro ayudan con la depuración y son útiles para identificar y solucionar problemas. De forma predeterminada, el resultado del registro se suprime, pero cuando se asigna un GCKLoggerDelegate, la app emisora puede recibir estos mensajes del SDK y registrarlos en la consola del sistema.

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)
    }
  }
}
Objective-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

Para habilitar los mensajes detallados y de depuración, agrega esta línea al código después de configurar el delegado (que se mostró antes):

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

También puedes filtrar los mensajes de registro que produce GCKLogger. Establece el nivel de registro mínimo por clase, por ejemplo:

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

Los nombres de clase pueden ser literales o patrones glob, por ejemplo, GCKUI\* y GCK\*Session.