Add remote actions to PiP

If you want to add controls (play, pause, etc.) to your PiP window, create a RemoteAction for each control you want to add.

1. Add constants for your broadcast controls:

   // Constant for broadcast receiver const val ACTION_BROADCAST_CONTROL = "broadcast_control" // Intent extras for broadcast controls from Picture-in-Picture mode. const val EXTRA_CONTROL_TYPE = "control_type" const val EXTRA_CONTROL_PLAY = 1 const val EXTRA_CONTROL_PAUSE = 2
   PictureInPictureSnippets.kt

2. Create a list of RemoteActions for the controls in your PiP window.
3. Next, add a BroadcastReceiver and override onReceive() to set the actions of each button. Use a DisposableEffect to register the receiver and the remote actions. When the player is disposed, unregister the receiver.

   @RequiresApi(Build.VERSION_CODES.O) @Composable fun PlayerBroadcastReceiver(player: Player?) {  val isInPipMode = rememberIsInPipMode()  if (!isInPipMode || player == null) {  // Broadcast receiver is only used if app is in PiP mode and player is non null  return  }  val context = LocalContext.current  DisposableEffect(player) {  val broadcastReceiver: BroadcastReceiver = object : BroadcastReceiver() {  override fun onReceive(context: Context?, intent: Intent?) {  if ((intent == null) || (intent.action != ACTION_BROADCAST_CONTROL)) {  return  }  when (intent.getIntExtra(EXTRA_CONTROL_TYPE, 0)) {  EXTRA_CONTROL_PAUSE -> player.pause()  EXTRA_CONTROL_PLAY -> player.play()  }  }  }  ContextCompat.registerReceiver(  context,  broadcastReceiver,  IntentFilter(ACTION_BROADCAST_CONTROL),  ContextCompat.RECEIVER_NOT_EXPORTED  )  onDispose {  context.unregisterReceiver(broadcastReceiver)  }  } }
   PictureInPictureSnippets.kt

4. Pass in a list of your remote actions to the PictureInPictureParams.Builder:

   val context = LocalContext.current val pipModifier = modifier.onGloballyPositioned { layoutCoordinates ->  val builder = PictureInPictureParams.Builder()  builder.setActions(  listOfRemoteActions()  )  if (shouldEnterPipMode && player != null && player.videoSize != VideoSize.UNKNOWN) {  val sourceRect = layoutCoordinates.boundsInWindow().toAndroidRectF().toRect()  builder.setSourceRectHint(sourceRect)  builder.setAspectRatio(  Rational(player.videoSize.width, player.videoSize.height)  )  }  if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.S) {  builder.setAutoEnterEnabled(shouldEnterPipMode)  }  context.findActivity().setPictureInPictureParams(builder.build()) } VideoPlayer(modifier = pipModifier)
   PictureInPictureSnippets.kt

Next steps

• See the Socialite app to see the best practices of Compose PiP in action.
• See the PiP design guidance for more information.