Skip to main content
Version: 4.12.7

How to couple the native GCKUICastButton to THEOplayer

This page shows how to wire up iOS's native GCKUICastButton to THEOplayer. Your native button will be provided with the following behavior:

  • Clicking the button while disconnected will start a Chromecast session. The currently set source will start playing.
  • Clicking the button while casting will stop the current session. The player will be paused.

Objectives​

  • Create a GCKUICastButton
  • Override the behavior of this button

Step-by-step guide​

You can modify the behavior of the GCKUICastButton by disabling triggering the default cast dialog and adding a new target for the button. Below, we provide an example implementation which uses the Cast API of a previously created THEOplayer.

override func viewDidLoad() {
    self.theoplayer = THEOplayer()
    self.castButton = GCKUICastButton(frame: CGRect(x: CGFloat(0), y: CGFloat(0), width: CGFloat(24), height: CGFloat(24)))
    self.castButton.triggersDefaultCastDialog = false
    self.castButton.addTarget(self, action: #selector(handleCastButtonTap), for: UIControlEvents.touchUpInside)
}

@objc func handleCastButtonTap() {
    guard let chromecast = self.theoplayer.cast?.chromecast else {
        return
    }
    if chromecast.state == PlayerCastState.available {
        chromecast.start()
    } else if chromecast.state == PlayerCastState.connected || chromecast.state == PlayerCastState.connecting {
        chromecast.stop()
    }
}