Vonage API Developer

Kotlin

Provide Containers for Video Views

The Vonage SDK returns View objects for publisher and subscriber. The sample hosts them in FrameLayout containers created from Compose via AndroidView:

@Composable
private fun VideoContainers(
    onContainersReady: (subscriber: FrameLayout, publisher: FrameLayout) -> Unit,
) {
    AndroidView(
        factory = { ctx ->
            val root = FrameLayout(ctx)
            val subscriberFrame = FrameLayout(ctx) // full screen
            val publisherFrame = FrameLayout(ctx)  // small overlay, bottom-end
            root.addView(subscriberFrame)
            root.addView(publisherFrame)
            onContainersReady(subscriberFrame, publisherFrame)
            root
        },
        modifier = Modifier.fillMaxSize(),
    )
}

Pass the containers to your activity so it can add publisher and subscriber views when the session connects:

VideoCallScreen(
    isInPipMode = isInPipMode,
    onContainersReady = { subscriberFrame, publisherFrame ->
        subscriberViewContainer = subscriberFrame
        publisherViewContainer = publisherFrame
        containersReady = true
        tryStartSession()
    },
    onEnterPictureInPicture = ::enterPictureInPicture,
)

Attach the View When Ready

In onConnected, publish and attach the publisher view:

override fun onConnected(session: Session) {
    if (publisher == null) {
        publisher = Publisher.Builder(applicationContext).build()
        session.publish(publisher)
        publisherViewContainer.addView(publisher?.view)
        if (publisher?.view is GLSurfaceView) {
            (publisher?.view as GLSurfaceView).setZOrderOnTop(true)
        }
    }
}

Subscribe when a remote stream arrives:

override fun onStreamReceived(session: Session, stream: Stream) {
    if (subscriber == null) {
        subscriber = Subscriber.Builder(applicationContext, stream).build()
        session.subscribe(subscriber)
        subscriberViewContainer.addView(subscriber?.view)
    }
}