Vonage API Developer

Kotlin

Launching Picture-in-Picture

1. Add a Button to Enter Picture-in-Picture

Hide the button while already in PiP. Wire it from VideoCallScreen:

if (!isInPipMode) {
    Button(
        onClick = onEnterPictureInPicture,
        modifier = Modifier.align(Alignment.TopStart).padding(8.dp),
    ) {
        Text("Enter Picture-In-Picture")
    }
}

2. Enter PiP with Aspect Ratio and Device Checks

Use PictureInPictureParams on API 26+ and verify the device supports PiP:

private fun enterPictureInPicture() {
    if (Build.VERSION.SDK_INT < Build.VERSION_CODES.O) {
        Toast.makeText(this, "Picture-in-picture is not supported on this device.", Toast.LENGTH_SHORT)
            .show()
        return
    }
    if (!packageManager.hasSystemFeature(PackageManager.FEATURE_PICTURE_IN_PICTURE)) {
        Toast.makeText(this, "Picture-in-picture is not supported on this device.", Toast.LENGTH_SHORT)
            .show()
        return
    }
    try {
        val params = PictureInPictureParams.Builder()
            .setAspectRatio(Rational(9, 16))
            .build()
        enterPictureInPictureMode(params)
    } catch (e: IllegalStateException) {
        Log.e(TAG, "Failed to enter picture-in-picture mode", e)
        Toast.makeText(this, "Could not enter picture-in-picture mode.", Toast.LENGTH_SHORT).show()
    }
}